⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 823text4.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>综合字符集</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>综合字符集</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为脚本显示区</strong></font></td></tr>
<tr><td align=center>

<SCRIPT LANGUAGE="JavaScript">



function freecol(brtspc,bgcolor)
{
                table("cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"'");
                tr();
                        td("width='"+brtspc+"'");
                        td("/");
                tr("/");
                table("/");
}

function table(strg)
{
        if (strg != "/")
                document.write("<table "+anfrepl(strg)+">");
        else
                document.write("</table>");
}

function tr(strg)
{
        if (strg != "/")
                document.write("<tr "+anfrepl(strg)+">");
        else
                document.write("</tr>");
}

function td(strg)
{
        if (strg != "/")
                document.write("<td "+anfrepl(strg)+">");
        else
                document.write("</td>");
}

function th(strg)
{
        if (strg != "/")
                document.write("<th "+anfrepl(strg)+">");
        else
                document.write("</th>");
}
                                                        // interpreting ' as " in a string
function anfrepl(strg)
{
        var i;
        var outstring= "";

        if (!strg)
                strg = "";

        for (i=0;i<strg.length;i++)
        {
                if(strg.charCodeAt(i)==39)
                        outstring = outstring + chr(34);
                else
                        outstring = outstring + strg.charAt(i);
        }
return outstring;
}

function chr(asciiwert)
{
        return String.fromCharCode(asciiwert);
}

function dec2hex(dec)
{
        var result;
        var i,j;
        
        hexChars = "0123456789ABCDEF";
        i = dec % 16;
        j = (dec - i) / 16;
        result = hexChars.charAt(j) + hexChars.charAt(i);
        return result;
}

// Main programm: Sorry 4 the jumble but its hard to combine the structure of the program
// and the structure of the tables.
          
function outtest(which)
{
        var i,j;
        var actwert,hexwert,buchst;

        if (which == false)
                var brtchar = htmchar;  
        else
                var brtchar = jschar;   

        document.write(anfrepl("<font size='+1'><b>ASCII Table of: "+font+"</b></font><br>"));

table("border='0' cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"'");
tr();
        td();
                freecol(brtspc,bgcolor);
        td("/");        


        for (i=0 ; i<spalt ; i++)
        {
        td();
                table("cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"' border='0' bordercolor='Silver' bordercolorlight='Silver' bordercolordark='Silver'");
                tr();
                        th("width='"+(brtdec+2)+"' align='CENTER'");
                                document.write("Dec");
                        th("/");
                        th("width='"+(brthex+2)+"' align='CENTER'");
                                document.write("Hex");
                        th("/");
                        th("<th width='"+(brtchar+2)+"' align='CENTER'");
                                document.write("Chr");
                tr("/");
                table("/");
        td("/");
        td();
                freecol(brtspc,bgcolor);
        td("/");
        }
tr("/");


        for (i=0 ; i<Math.ceil(max/spalt) ; i++)
        {
tr();
        td();
                freecol(brtspc,bgcolor);
        td("/");


                for (j=0 ; j<spalt ; j++)
                {
                        if (Math.floor((i*spalt+j)/((max+1)/100)) <= 100)
                                status = "Building Table: " + Math.floor((i*spalt+j)/((max+1)/100)) + "%"
                        actwert=j*Math.ceil(max/spalt)+i;
                        hexwert=dec2hex(actwert);
                        if (which == false)
                                buchst="&#"+actwert+";";
                        else
                                buchst=chr(actwert);
                        if (actwert > 255)
                                actwert=hexwert=buchst="";

        td();
                table("cellspacing='0' cellpadding='0' bgcolor='White' border='1'");
                tr();
                        td("width='"+brtdec+"' align='CENTER'");
                                document.write("&nbsp;"+actwert);
                        td("/");
                        td("width='"+brthex+"' align='CENTER'");
                                document.write("&nbsp;"+hexwert);
                        td("/");
                        th("width='"+brtchar+"' align='CENTER'");
                                document.write(anfrepl("<font face='"+font+"'>"));
                                document.write("&nbsp;"+buchst);
                                document.write("</font>");
                                
                        th("/");
                tr("/");
                table("/");
        td("/");
        td();
                freecol(brtspc,bgcolor);
        td("/");
                }
tr("/");
        }
status = "Viewing Table: Please wait."
table("/");
}

</SCRIPT>


<SCRIPT LANGUAGE="JavaScript">


        var spalt = 6;                          // number of columns
        var max = 256;                          // mximum ascii value
        var brtdec = 40;                        // width of DEC column
        var brthex = 30;                        // width of HEX column
        var brtspc= 15;                         // width of the space between the columns
        var bgcolor = "silver";         // colour of the spaces
        var htmchar = 60;                       // width of CHR column-HTML-Version (CANCEL Button)
        var jschar = 40;                        // width of CHR column-JS-Version (OK Button)
        var font = "罗马字符"            // Font of the ASCII character

        outtest(confirm("确定:\t字符将用javascript解释.\n取消:\t字符将用HTML来解释. "));


</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">

        status = "Table ready";

</SCRIPT>




</td></tr></table></center>
<br>
<br>
<center>

<SCRIPT LANGUAGE="JavaScript">

<!-- hide
function goHist(a)
{
   history.go(a);
}
//-->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<center>
<textarea name=source rows=12 cols=55 class=yk9>
脚本说明:
把如下代码加入<body>区域中:

<SCRIPT LANGUAGE="JavaScript">



function freecol(brtspc,bgcolor)
{
                table("cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"'");
                tr();
                        td("width='"+brtspc+"'");
                        td("/");
                tr("/");
                table("/");
}

function table(strg)
{
        if (strg != "/")
                document.write("<table "+anfrepl(strg)+">");
        else
                document.write("</table>");
}

function tr(strg)
{
        if (strg != "/")
                document.write("<tr "+anfrepl(strg)+">");
        else
                document.write("</tr>");
}

function td(strg)
{
        if (strg != "/")
                document.write("<td "+anfrepl(strg)+">");
        else
                document.write("</td>");
}

function th(strg)
{
        if (strg != "/")
                document.write("<th "+anfrepl(strg)+">");
        else
                document.write("</th>");
}
                                                        // interpreting ' as " in a string
function anfrepl(strg)
{
        var i;
        var outstring= "";

        if (!strg)
                strg = "";

        for (i=0;i<strg.length;i++)
        {
                if(strg.charCodeAt(i)==39)
                        outstring = outstring + chr(34);
                else
                        outstring = outstring + strg.charAt(i);
        }
return outstring;
}

function chr(asciiwert)
{
        return String.fromCharCode(asciiwert);
}

function dec2hex(dec)
{
        var result;
        var i,j;
        
        hexChars = "0123456789ABCDEF";
        i = dec % 16;
        j = (dec - i) / 16;
        result = hexChars.charAt(j) + hexChars.charAt(i);
        return result;
}

// Main programm: Sorry 4 the jumble but its hard to combine the structure of the program
// and the structure of the tables.
          
function outtest(which)
{
        var i,j;
        var actwert,hexwert,buchst;

        if (which == false)
                var brtchar = htmchar;  
        else
                var brtchar = jschar;   

        document.write(anfrepl("<font size='+1'><b>ASCII Table of: "+font+"</b></font><br>"));

table("border='0' cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"'");
tr();
        td();
                freecol(brtspc,bgcolor);
        td("/");        


        for (i=0 ; i<spalt ; i++)
        {
        td();
                table("cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"' border='0' bordercolor='Silver' bordercolorlight='Silver' bordercolordark='Silver'");
                tr();
                        th("width='"+(brtdec+2)+"' align='CENTER'");
                                document.write("Dec");
                        th("/");
                        th("width='"+(brthex+2)+"' align='CENTER'");
                                document.write("Hex");
                        th("/");
                        th("<th width='"+(brtchar+2)+"' align='CENTER'");
                                document.write("Chr");
                tr("/");
                table("/");
        td("/");
        td();
                freecol(brtspc,bgcolor);
        td("/");
        }
tr("/");


        for (i=0 ; i<Math.ceil(max/spalt) ; i++)
        {
tr();
        td();
                freecol(brtspc,bgcolor);
        td("/");


                for (j=0 ; j<spalt ; j++)
                {
                        if (Math.floor((i*spalt+j)/((max+1)/100)) <= 100)
                                status = "Building Table: " + Math.floor((i*spalt+j)/((max+1)/100)) + "%"
                        actwert=j*Math.ceil(max/spalt)+i;
                        hexwert=dec2hex(actwert);
                        if (which == false)
                                buchst="&#"+actwert+";";
                        else
                                buchst=chr(actwert);
                        if (actwert > 255)
                                actwert=hexwert=buchst="";

        td();
                table("cellspacing='0' cellpadding='0' bgcolor='White' border='1'");
                tr();
                        td("width='"+brtdec+"' align='CENTER'");
                                document.write("&nbsp;"+actwert);
                        td("/");
                        td("width='"+brthex+"' align='CENTER'");
                                document.write("&nbsp;"+hexwert);
                        td("/");
                        th("width='"+brtchar+"' align='CENTER'");
                                document.write(anfrepl("<font face='"+font+"'>"));
                                document.write("&nbsp;"+buchst);
                                document.write("</font>");
                                
                        th("/");
                tr("/");
                table("/");
        td("/");
        td();
                freecol(brtspc,bgcolor);
        td("/");
                }
tr("/");
        }
status = "Viewing Table: Please wait."
table("/");
}

</SCRIPT>


<SCRIPT LANGUAGE="JavaScript">


        var spalt = 6;                          // number of columns
        var max = 256;                          // mximum ascii value
        var brtdec = 40;                        // width of DEC column
        var brthex = 30;                        // width of HEX column
        var brtspc= 15;                         // width of the space between the columns
        var bgcolor = "silver";         // colour of the spaces
        var htmchar = 60;                       // width of CHR column-HTML-Version (CANCEL Button)
        var jschar = 40;                        // width of CHR column-JS-Version (OK Button)
        var font = "罗马字符"            // Font of the ASCII character

        outtest(confirm("确定:\t字符将用javascript解释.\n取消:\t字符将用HTML来解释. "));


</SCRIPT>

</CENTER>

<SCRIPT LANGUAGE="JavaScript">

        status = "Table ready";

</SCRIPT>




</textarea>
<br>
<br>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -