注册 登录
编程论坛 JavaScript论坛

分享JavaScript精彩网页特效实例,素材,有需要代码的可以拿来参考一下

love云彩 发布于 2013-08-17 00:08, 4747 次点击
1、随机产生文本,刷新网页即可显示随机效果。
程序代码:

您最喜欢中国的哪个城市:
<script language="JavaScript">
<!--
var a = Math.random() + ""
var rand1 = a.charAt(5)
quotes = new Array
quotes[1] = '北京'
quotes[2] = '上海'
quotes[3] = '广州'
quotes[4] = '哈尔滨'
quotes[5] = '长春'
quotes[6] = '武汉'
quotes[7] = '沈阳'
quotes[8] = '大连'
quotes[9] = '呼和浩特'
quotes[0] = '成都'
var quote = quotes[rand1]
document.write( quote )
// -->
</script>

58 回复
#2
love云彩2013-08-17 00:10
2、文字循环出现效果。
程序代码:

<body onLoad="xunhuan();">
<SCRIPT LANGUAGE="JavaScript">
<!--
var meninfo=" >>>欢迎你能够来学习>>>";
meninfo+=" >>>JavaScript是一门脚本语言>>>";

var anch=50;

function xunhuan(){
document.forms[0].panel.value=meninfo.substring(meninfo.length-anch,meninfo.length);
meninfo=meninfo.substring(meninfo.length-1,meninfo.length)+meninfo;
meninfo=meninfo.substring(0,meninfo.length-1);
setTimeout("xunhuan()",200);
}

// -->
</SCRIPT>
<form>
<INPUT TYPE="text" NAME="panel" VALUE="" SIZE="50">
</form>
</body>

#3
love云彩2013-08-17 00:15
3、鼠标划过以实现全选文字效果。
<textarea cols=40 rows=10 onmouseover='this.focus()' onfocus='this.select()'>欢迎各位读者学习Javascript这门语言!</textarea>
4、使得链接关键字不停变换颜色效果。
程序代码:
<script language="JavaScript">
<!--
function IArray() {
for (var i = 0; i < IArray.arguments.length; i++) {
this[i] = IArray.arguments[i];
}
this.length = IArray.arguments.length;
}

var colors = new IArray("#ff0000","#0000ff","#00ffff","#cccccc","#000000","#ffff00","#ff0000");
delay = 2.;
link = 0;
vlink = 0;
function linkChange() {
link = (link+1%colors.length);
vlink = (vlink+1%colors.length);
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkChange()",delay*1000);
}
linkChange();
-->
</script>
  <br>
       <a href="http://www.新浪网</a> <a href="http://www.搜狐</a>


                  <a href="http://www.网易</a> <a href="http://www.baidu.com">百度</a>

#4
love云彩2013-08-17 00:17
5、逐字出现信息条的效果。
程序代码:
<script language="JavaScript">
<!--
function MArray() {
  this.length = MArray.arguments.length
  for (var i = 0; i < this.length; i++)
  this[i+1] = MArray.arguments[i]}
  var fArray = new MArray;
  fArray[0]="欢迎大家学习javascript这门语言!";
  fArray[1]="欢迎大家学习html这门语言!"
  fArray[2]="欢迎大家学习asp这门语言!"
  fArray[3]="欢迎大家学习vbscript这门语言!"
    var x = 1;
    var y = 0;
    var msg1 = fArray[y];
function newsSee() {
if (x==msg1.length+1) {
    y+=1;
    if (y > 3) y=0;
    document.form1.news2.value=' ';
    msg1 = fArray[y];
    x=0;}
    document.form1.news2.value=msg1.substring(0,x);

    x+=1;
    setTimeout("newsSee() ",100);
    }
// -->
</script>
<body onLoad="newsSee()">

<form name="form1">
<p align=center><input type="text" name="news2" size=40></p>
</form>
</body>

#5
love云彩2013-08-17 00:18
6、文字波浪效果。
程序代码:

<script language="JavaScript">
<!--
function wave(n)

{  

    theText = "JavaScript";
    output = "";
    for (i = 0; i < theText.length; i++)
    {
        size = 60*Math.abs(Math.sin((i+n)*3.14/theText.length))
        output += "<font style='font-size: "+ size +"pt' color='#ff0000'>" +theText.substring(i,i+1)+ "</font>";
    }
    theDiv.innerHTML = output;
    if (n > theText.length) {n=0}
    else {n++}
    setTimeout("wave(" + n + ")", 200);
}
//-->
</script>
<body onload=wave(0);>
<div ID="theDiv" align="center">
</div>
</body>

#6
love云彩2013-08-17 00:20
7、文字连续闪烁效果。
程序代码:
<body onload="shan();">
<script language="JAVASCRIPT">
<!--
     colors2 = new Array(6);

     colors2[0]="#000000";
     colors2[1]="#ff0000";
     colors2[2]="#ffff00";
     colors2[3]="#00ffff";
     colors2[4]="#0000ff";
     colors2[5]="#cccccc";

     var i=0;
     function shan() {
             line2.style.visibility = "visible";
             if (i<6) {
                     line2.style.color = colors2[i];
                     i++;
                     setTimeout( "shan()", 50);
             }
             else {
             i=0;
             line2.style.visibility="hidden";
             setTimeout("shan()",1000);
             }
       }
//-->
</script>

     <div id=line2 style="container:positioned; position=relative; width=50%; height=10%; ;font-size=35px; visibility=hidden;">
     JavaScript
     </div>

</body>

#7
love云彩2013-08-17 00:20
8、旋转文字效果。
程序代码:
<body>
<script language=javascript>
<!--
messageinfo="希望大家学好这门语言!"
Balises=""
Taille=40;               

Midx=100;               

Decal=0.6;               

for (x=0;x<messageinfo.length;x++){
  Balises=Balises + '<DIV Id=L' + x + ' STYLE="width:3;position:absolute;top:100;left:10">' + messageinfo.charAt(x) + '</DIV>'
}
document.write (Balises);
window.setInterval("Minfo()",10);               

Alpha=5;

function Minfo(){
    Alpha=Alpha-0.05;
    for (x=0;x<messageinfo.length;x++){
        Alpha1=Alpha+Decal*x;
        Cosine=Math.cos(Alpha1);
        Ob=document.all("L"+x);
        Ob.style.posLeft=Midx+100*Math.sin(Alpha1);
        Ob.style.fontSize=Taille+25*Cosine;
        Ob.style.color="rgb("+ (160+Cosine*80+50) + ","+ (50+Cosine*80+50) + ",0)";
    }
}
// -->
</script>
</body>

#8
love云彩2013-08-17 00:22
9、文字同步显示效果。
程序代码:
<Script language="javascript">
<!--

 var m="请 您 认 真 学 习 J A V A S C R I P T 这 门 语 言 ! "

 var a=""

 i=0

 s=0

function scrollit() {
   i++
   if(i>m.length) {
     i=1
   }
   if(m.substring(i-1,i)==" ") {
     if(s==0) {
       s=1;
     }
     else {
       s=0;
     }
   }
   a=m.substring(0,i)
   document.forms[0].elements[s].value=a
   setTimeout("scrollit()",100)

 }

 //-->
</script>
<body onload=scrollit()>

 <form name="msg">

 <input type="text" size=50 name="mesg1"><br>

 <input type="text" size=50 name="mesg2">

 </form>
</body>

#9
love云彩2013-08-17 00:23
10、特殊公布栏效果。
程序代码:
<script language="Javascript">
<!--

num=4;
quoteArray = new Array(num);
quoteArray[0]="您喜欢学习javascript吗?";
quoteArray[1]="您喜欢学习vbscript吗?"
quoteArray[2]="您喜欢学习asp吗?"
quoteArray[3]="您喜欢学习吗?"
quoteArray[4]="您喜欢学习jsp吗?"

quoteS=-1;
function next()
{
  if (quoteS >= num) quoteS=-1;
  quoteS++;
  document.quoteForm.quoteHere.value = quoteArray[quoteS];
}
function prev()
{
  if (quoteS <= 0) quoteS=num+1;
  quoteS--;
  document.quoteForm.quoteHere.value = quoteArray[quoteS];
}
function rand()
{

  quoteS = Math.ceil(Math.random() * num);
  document.quoteForm.quoteHere.value = quoteArray[quoteS];
}
//-->
</script>
<form name="quoteForm">
  <textarea name="quoteHere" Rows=3 Cols=50>点击查看信息</textarea><br>
  <input type=button value="下一条" onClick="next();">
  <input type=button value="上一条" onClick="prev();">
  <input type=button value="随机" onclick="rand();">
</form>

#10
love云彩2013-08-17 00:26
11、随机产生图片,刷新页面即可实现随机性。
程序代码:
<script language="JavaScript">
<!--
var a = Math.random() + ""       // 随机产生一个数
var rand1 = a.charAt(2)          // 取出小数点后面第一位数
quotes = new Array
quotes[1] = '<img src="1.gif">'           

quotes[2] = '<img src="2.gif">'
quotes[3] = '<img src="3.gif">'
quotes[4] = '<img src="4.gif">'
quotes[5] = '<img src="5.gif">'
quotes[6] = '<img src="6.gif">'
quotes[7] = '<img src="7.gif">'
quotes[8] = '<img src="8.gif">'
quotes[9] = '<img src="9.gif">'
quotes[0] = '<img src="0.gif">'
var quote = quotes[rand1]
document.write( quote )
// -->
</script>

#11
love云彩2013-08-17 00:28
12、网页时钟效果。
程序代码:

<table bgcolor="#000000" align=center>
    <tr>
        <td><div id="lclock"></div></td>
    </tr>
</table>
<SCRIPT language="JavaScript">
<!--
function webclock()
{
var dataobj=new Date()
var hours=dataobj.getHours()
var minutes=dataobj.getMinutes()
var seconds=dataobj.getSeconds()

if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
myclock="<font size='7' color='#ffffff' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>"
lclock.innerHTML=myclock;
setTimeout("webclock()",1000)
}
webclock();
//-->
</SCRIPT>

#12
love云彩2013-08-17 00:30
13、带开关的时钟效果。
程序代码:
<table align=center>
    <tr>
        <td><div id="clock"></div></td>
    </tr>
</table>

<SCRIPT language="JavaScript">
<!--
var enabled=1;
function onclock()
{
var dataobj=new Date()  

var hours=dataobj.getHours()

var minutes=dataobj.getMinutes()
var seconds=dataobj.getSeconds()
var years=dataobj.getYear()   

var Months=dataobj.getMonth()  

var dates=dataobj.getDate()   

if(minutes<=9)
minutes="0"+minutes

if(seconds<=9)
seconds="0"+seconds                 

myclock="<font size='5' face='Arial black'>" + years  + "年" + (Months + 1 ) + "月" + dates + "日" +hours+":"+minutes+":"+seconds+"</font>"
clock.innerHTML=myclock;

if(enabled==1)
setTimeout("onclock()",1000)
}
onclock();                                    

//-->
</SCRIPT>
<p align=center>时钟开关:<input type="radio" name="rad" value="off" onclick="enabled =0;onclock();">关<input type="radio" name="rad" value="on" checked  onclick="enabled =1;onclock();">开</p>



[ 本帖最后由 love云彩 于 2013-8-17 00:31 编辑 ]
#13
love云彩2013-08-17 00:32
14、简单的日历实现效果
程序代码:
<STYLE TYPE="text/css">

td{font-size: 10pt;}

</STYLE>

<script language="JavaScript">
<!--
monthnames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","10月","11月","12月");

monthdays = new Array(12);        

monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();        

thisday=todayDate.getDay();   

thismonth=todayDate.getMonth();   

thisdate=todayDate.getDate();   

thisyear=todayDate.getYear();   

thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));  

if (((thisyear % 4 == 0) && !(thisyear % 100 == 0)) ||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;                 

startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;

document.write("<table border=1 style='border-collapse: collapse' bordercolor='#000000' width=160>");
document.write("<tr><td colspan=7 bgcolor=#0A246A align=center><font color=#ffffff>" + thisyear +"年"+monthnames[thismonth]+"</font></td></tr>");   

document.write("<tr>");
document.write("<td align=center>日</td>");
document.write("<td align=center>一</td>");
document.write("<td align=center>二</td>");
document.write("<td align=center>三</td>");
document.write("<td align=center>四</td>");
document.write("<td align=center>五</td>");
document.write("<td align=center>六</td>");

document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td>&nbsp</td>");                     

}
count=1;
while (count <= monthdays[thismonth]) {

for (b = startspaces;b<7;b++) {

if (count==thisdate) {
document.write("<td bgcolor=#0A246A>");
document.write("<font color='fffffff'><b>"); }         

else
{document.write("<td>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write("&nbsp");
}
if (count==thisdate) {
document.write("</b></font>");
}
document.write("</td>");
count++;
}
document.write("</tr>");
startspaces=0;
}
document.write("</table>");
//-->
</script>

#14
love云彩2013-08-17 00:36
15、关不掉的弹出框效果。
<p align="center">
<input type=button value=关不掉的弹出框 onClick="while(1==1){alert('这个窗口您已经关不掉了!')}">
</p>
16、弹出窗口按钮。
程序代码:
<script LANGUAGE="JavaScript">
<!--
  function openwin() {
  window.open ("http://www., "搜狐", "height=600, width=800, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
  }
//-->
</script>
<p align=center><input type="button" onclick="openwin()" value="弹出窗口按钮"></p>

#15
love云彩2013-08-17 00:39
17电子邮件地址校验效果。
程序代码:
<SCRIPT LANGUAGE="JavaScript">
<!--

function Juge(theForm)

{

if (theForm.email.value == "")

{
alert("请您输入\"email\"!");

theForm.email.focus();

return (false);

}

var checkOK = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_@.";

var checkStr = theForm.email.value;
var allValid = true;


for (i = 0; i < checkStr.length; i++)         

{

ch = checkStr.charAt(i);                       

for (j = 0; j < checkOK.length; j++)         

if (ch == checkOK.charAt(j))                 

    break;                              

    if (j == checkOK.length)
    {

        allValid = false;

        break;                  

    }

}


if (theForm.email.value.length < 6)
{

allValid = false;

}


if (!allValid)

{

alert("您输入的 \"电子邮件地址\" 无效!");

theForm.email.focus();

return (false);

}


address=theForm.email.value;

if(address.length>0)

{

i=address.indexOf("@");

if(i==-1)

{

window.alert("对不起!您输入的电子邮件地址是错误的!")
theForm.email.focus();
return false;

}

p=address.indexOf(".")

if(p==-1)

{

window.alert("对不起!您输入的电子邮件地址是错误的!")

theForm.email.focus();

return false;

}

}

}

//-->
</script>

<body>

<form method="post" onSubmit="return Juge(PostTopic)" name="PostTopic">

电子邮件:

<input type="text" name="email" maxlength="30" size="25" style="border:1px double rgb(88,88,88);font:9pt">

<input type="submit" name="Submit" value="提交">

</form>

</body>


#16
love云彩2013-08-17 00:40
18、ip地址校验。
程序代码:

<script language="javascript">

<!--
function checkIP()

{

obj=document.check.ip.value     

var exp=/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
var reg = obj.match(exp);

if(reg==null)

{

alert("IP地址不合法!");

}

else

{

alert("IP地址合法!");

}

}

//-->
</script>

<form name=check>
<input type=text id="ip">

<input type=button onclick="checkIP()" value="检测IP">

</form>

#17
love云彩2013-08-17 00:41
19、随机产生密码。
程序代码:
<script language="JavaScript">
<!--
function apwd()
{
var a;
var quote='';
quotes = new Array
quotes[0] = '0'
quotes[1] = '1'
quotes[2] = '2'
quotes[3] = '3'
quotes[4] = '4'
quotes[5] = '5'
quotes[6] = '6'
quotes[7] = '7'
quotes[8] = '8'
quotes[9] = '9'
quotes[10] = 'a'
quotes[11] = 'b'
quotes[12] = 'c'
quotes[13] = 'd'
quotes[14] = 'e'
quotes[15] = 'f'
quotes[16] = 'g'
quotes[17] = 'h'
quotes[18] = 'i'
quotes[19] = 'j'
quotes[20] = 'k'
quotes[21] = 'l'
quotes[22] = 'm'
quotes[23] = 'n'
quotes[24] = 'o'
quotes[25] = 'p'
quotes[26] = 'q'
quotes[27] = 'r'
quotes[28] = 's'
quotes[29] = 't'
quotes[30] = 'u'
quotes[31] = 'v'
quotes[32] = 'w'
quotes[33] = 'x'
quotes[34] = 'y'
quotes[35] = 'z'
quotes[36] = '!'
quotes[37] = '@'
quotes[38] = '#'
quotes[39] = '$'
quotes[40] = '%'
for (i=0;i<8;i++)
{
a = Math.round(Math.random() * 40)
quote = quote + quotes[a]
}
document.rand.demo.value=quote
}
// -->
</script>

<body>
<form name=rand>
<input type=text name=demo size=20><input type=button onclick="apwd();" value=随机生成密码>
</form>
</body>

#18
love云彩2013-08-17 00:42
常用输入信息校验。
程序代码:
<html>

<head>

<title>常用输入信息校验</title>

<script language="JavaScript">

<!--

function Juge(theForm)

{

if (theForm.title.value == "")     

{

alert("请输入标题!");
theForm.title.focus();
return (false);

}

if (theForm.detail.value == "")

{

alert("请输入内容!");

theForm.detail.focus();

return (false);

}

if (theForm.name.value == "")

{

alert("请输入作者!");

theForm.name.focus();

return (false);

}

}
-->

</script>

</head>

<body>

<center>常用输入信息校验</center>

<form name="form1" method="post" onsubmit="javascript:return Juge(this);">

<table width="90%" border="0" cellspacing="1" cellpadding="1" align="center">

<tr>

<td>

您的姓名:<input type=text name=name size=30>

</td>

</tr>

<tr>

<td>

文章标题:<input type="text" name=title size="50">

</td>

</tr>

<tr>

<td>

文章内容:<br><textarea name=detail  cols=50 rows=10></textarea>

</td>

</tr>

<tr>

<td><input type="submit" name="pub" value="检验信息"></td>

</tr>

</table>

</form>

</body>

</html>

#19
love云彩2013-08-17 00:43
21、密码验证效果。
程序代码:

<script language="JavaScript">
<!--
function checkpass(){
if((document.form1.username.value == "zt")&&(document.form1.pwd.value == "1111"))
{
    alert("验证成功!")
    return true
}
else{
    alert("您输入的用户名或密码错误,请重新输入!")
    return false
}
}
//-->
</script>
</head>
<body>
<form name="form1" method="post">
姓名:<input name="username" type="text"><br>
密码:<input name="pwd" type="password"><br>
<input type="button" name="submit" value="确定" onclick="checkpass();">
</form>

</body>

#20
love云彩2013-08-17 00:44
22、限制输错密码次数效果。
程序代码:
<script LANGUAGE="JavaScript">
<!--
flag2=0
function checkpwd(){
if (flag2== 3){
    alert("您已经无权在此输入密码!")
    window.location.href = "http://www.}
else
{
    if((document.form1.username.value == "zt")&&(document.form1.pwd.value == "1111"))
    {
        alert("验证成功!")
        return true
    }
    else{
        flag2=flag2+1
        alert("您输入的用户名或密码错误,请重新输入!")
        return false
    }
}
}
//-->
</script>
</head>
<body>
<form name="form1" method="post">
姓名:<input name="username" type="text"><br>
密码:<input name="pwd" type="password"><br>
<input type="button" name="submit" value="确定" onclick="checkpwd();"><br>您输入密码3次错误将自动进入新浪网
</form>

</body>

#21
love云彩2013-08-17 00:46
23、认证等待效果。
程序代码:
<script language="JavaScript">
<!--

function doclick(){
window.nr.style.display = "block";
}


//-->
</script>

<form method="POST" action="">

        <table cellSpacing=0 cellPadding=0 width=300 align=center border=0>
            <tr>
                <td height=25>&nbsp;&nbsp;&nbsp;&nbsp;用户标识:<input type="text" name="name" size="22"></td>
            </tr>
            <tr>
                <td height=25>&nbsp;&nbsp;&nbsp;&nbsp;用户口令:<input type="password" name="pwd" size="22"></td>
            </tr>
            <tr>
                <td height=25 align=center><input type="button" value=" 确定 " onclick="javascript:doclick();" name="B1">&nbsp;&nbsp;&nbsp;<input type="reset" value=" 重新填写 " onclick="javascript:doclick();" name="B1"></td>
            </tr>
            <tr>
                <td height=35>
                                      <table id=nr style="DISPLAY:none" align=center width=180 border=0 cellSpacing=0 cellPadding=0>
                                <tr>
                                    <td width=5 height=12><img src="lp.gif" border=0></td>
                                    <td align=center background="mp.gif"><font style="font-size: 9pt;" color="#ffffff"><marquee direction="right" scrollamount=7 width=180><img src="bar.gif" border=0></marquee></font></td>
                                    <td width=4><img src="rp.gif" border=0></td>
                                </tr>
                            </table>                  

                </td>
            </tr>      

        </table>
    </form>   

#22
love云彩2013-08-17 00:46
24、文本加密解密效果。
程序代码:

<SCRIPT language=JavaScript>
<!--
var Words;
function SetWords(word)
{
Words = word.value;                 

}

function SetNewWords(form)      

{
var NewWords;
NewWords = unescape(Words);         

form.NewWords.value = NewWords;      

}
function SetNewWords1(form)     

{
var NewWords;
NewWords = escape(Words);           

form.NewWords.value = NewWords;

}
// -->
</SCRIPT>
<body>
<table align=center>
<TR>
<form method=post>
<TD align=center>

<P><textarea cols=65 name=Word onchange=SetWords(this) rows=5></textarea></P>

<P><input name=uncode onclick=SetNewWords(this.form) type=button value="解密">
<input name=encode onclick=SetNewWords1(this.form) type=button value="加密">
</P>
<P><textarea cols=65 name=NewWords rows=5></textarea></P>
</form>
</td>
</tr>
</table>
</body>

#23
love云彩2013-08-17 00:47
25、密码保护效果。
程序代码:
<script language="JavaScript">
<!--
function checkpass(){
if((document.form1.username.value == "zt")&&((document.form1.pwd.value>>2) == "27777"))
{
    alert("验证成功!")
    return true
}
else{
    alert("您输入的用户名或密码错误,请重新输入!")
    return false
}
}
//-->
</script>
</head>
<body>
<form name="form1" method="post">
姓名:<input name="username" type="text"><br>
密码:<input name="pwd" type="password"><br>
<input type="button" name="submit" value="确定" onclick="checkpass()"><br><br>注意:密码设定需要是0-9的数字
</form>
</body>

#24
love云彩2013-08-17 00:48
26、评估密码强度效果。
程序代码:
<script language=javascript>
<!--
function Charstring(iN){            

if (iN>=48 && iN <=57)               

return 1;

if (iN>=65 && iN <=90)            

return 2;
if (iN>=97 && iN <=122)            

return 4;
else
return 8;        

}

function modetotal(num){     

modes=0;
for (i=0;i<4;i++){
if (num & 1)

    modes++;
    num>>>=1;
}
return modes;
}

function checkpwd(spwd){  

if (spwd.length<=4)
return 0;                        

Modes=0;
for (i=0;i<spwd.length;i++){        

    Modes|=Charstring(spwd.charCodeAt(i));
}
return modetotal(Modes);
}


function pwdstrong(pwd){      

O_color="#cccccc";            

L_color="#ffff00";              

M_color="#DC440F";               

H_color="#FF0000";                 

if (pwd==null||pwd==''){            

    Lcolor=Mcolor=Hcolor=O_color;  

}

else{
    S_level=checkpwd(pwd);      

    switch(S_level) {
    case 0:
        Lcolor=Mcolor=Hcolor=O_color;

    case 1:
        Lcolor=L_color;
        Mcolor=Hcolor=O_color;         

        break;
    case 2:
        Lcolor=Mcolor=M_color;
        Hcolor=O_color;         

        break;
    default:
    Lcolor=Mcolor=Hcolor=H_color;
}
}

document.getElementById("pwd_L").style.background=Lcolor;   

document.getElementById("pwd_M").style.background=Mcolor;

document.getElementById("pwd_H").style.background=Hcolor;

return;
}
//-->
</script>

<form>
输入密码:<input type=password size=30 onKeyUp=pwdstrong(this.value) onBlur=pwdstrong(this.value)>
<br>密码强度:
<table border=1 cellspacing=0 cellpadding=1 bordercolor=#cccccc height=22 style='display:inline'>
    <tr align="center" bgcolor="#eeeeee">

        <td width=40 id="pwd_L">弱</td>
        <td width=40 id="pwd_M">中</td>
        <td width=40 id="pwd_H">强</td>
    </tr>
</table>
</form>

#25
love云彩2013-08-17 00:49
27、单选题测试效果。
程序代码:

<script language="JavaScript">
<!--
var Total_Question = 4   

var msg = ""
var Solution = new Array(Total_Question)

function GetSelectedButton(ButtonGroup)     

{
  for (var x=0; x < ButtonGroup.length; x++)
    if (ButtonGroup[x].checked) return x
  return 0
}


function ReportScore(correct)
{

  var SecWin = window.open("","scorewin","scrollbars,width=300,height=220")
  var MustHave1 = "<HTML><HEAD><TITLE>测验成绩报告</TITLE></HEAD><BODY>"
  var Percent = "<H2>测验成绩 : "+Math.round(correct/Total_Question*100)+ "</H2><HR>"   

  lastscore=Math.round(correct/Total_Question*100)   

  if (lastscore == "100"){                    

      msg = MustHave1 +Percent + "<font color='red'>恭喜,全部答对了!</font><p>" + msg  + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"}
  else {
      msg = MustHave1 +Percent + "<font color='red'>正确答案:</font><p>" + msg  + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"
}

  SecWin.document.write(msg)

  msg = ""                  

}

function Grade()
{
  var correct = 0         

  var wrong = 0
  for (number=0; number < Total_Question; number++)   

    {
      var form = document.forms[number]  

      var i = GetSelectedButton(form.q1)

      if (form.q1[i].value == "1")
     { correct++ }

    else

     { wrong++
       msg += "Question "+(number+1)+"."
          +"错误"+"<BR>"
     }
    }
    ReportScore(correct)
}

//-->
</script>
         

</head>
<body>
<table width="75%" border="0" align="center">
  <tr>
    <td>
      <form>
四个非常简单的问题:<p>
(1)Internet上使用的网络协议是:__________
<br>
<input type="radio" name="q1" value="0" checked>X.25
<input type="radio" name="q1" value="1">TCP/IP
<input type="radio" name="q1" value="0">NetBEUI
<br><br> </form>

<form>
(2)HUB是指:__________
<br>
<input type="radio" name="q1" value="0" checked>网桥
<input type="radio" name="q1" value="1">集线器
<input type="radio" name="q1" value="0">网关
<input type="radio" name="q1" value="0">路由器
<br><Br> </form>

<form>
(3)JAVA是哪个公司的产品:__________
<br>
<input type="radio" name="q1" value="0" checked>Novell
<input type="radio" name="q1" value="0">Microsoft
<input type="radio" name="q1" value="1">SUN
<br><Br> </form>

<form>
(4)IIS(Internet Information Server)是哪个公司的产品:__________
<br>
<input type="radio" name="q1" value="0" checked>Novell
<input type="radio" name="q1" value="1">Microsoft
<input type="radio" name="q1" value="0">Netscape
<br><Br> </form>

<form>
<p align="center">
   <input type="button" name="Submit" value="查看成绩" onClick="Grade()">
</p>
</form>
    </td>
  </tr>
</table>
</body>
</html>

#26
love云彩2013-08-17 00:50
28、多选题测试效果。
程序代码:
<script language="javascript">
<!--
function getresultcheck(form,score_per_problem,show)
{var mykeys=new Array();      

mykeys[0]="ABD";
mykeys[1]="ABCD";
mykeys[2]="ABC";
var score=new Array();
var totalscore=0;
var flag=1;
var answer=new Array();
for(var i=0;i<mykeys.length;i++) answer[i]="";

var every=form.elements;
var lastname="";
for(var i=0;i<every.length;i++)      

{
    if(every[i].checked)        

    {   

        var item=parseInt(every[i].name.substr(1,1));
        answer[item-1]+=every[i].value;  

    }
}
for(var i=0;i<answer.length;i++)        

{
    if(answer[i]=="") answer[i]="未答";   

}
var message="<html><head><title>测试结果</title></head>";
message+="<body><div align=center class=p2><center><font color=red><h2>测试结果</h2></font><br>";
var returnvalue="<table width=360 border=1  class=e1 vspace=0 hspace=0 cellspacing=0><tr align=center valign=center><th>题号</th><th>正确答案</th><th>您的答案</th><th>得分</th></tr>";
for(var i=0;i<answer.length;i++)
{
      

    if(answer[i]==mykeys[i])           

    {
        score[i]=score_per_problem;

        totalscore+=score[i];      

    }else
    {
        flag=0;   

        score[i]=0;  

    }
    var temp="<tr align=center valign=center><td>"+(i+1)+"</td><td>"+mykeys[i]+"</td><td>"+answer[i]+"</td><td><font color=red>"+score[i]+"</font></td></tr>";
    returnvalue+=temp
}
returnvalue+="<tr align=center valign=center><td colspan=2>您本题的得分</td><td colspan=2><font size=+1 color=red><b>";
returnvalue+=totalscore;
returnvalue+="</font></b></td></tr></table>";
message+=returnvalue;
if(flag==1) message+="<br><h2>恭喜您!您的答案完全正确!</h2>";
message+="<a href='javascript:close()'>关闭窗口</a></center></div></body></html>";
newwin=window.open("","","height=300,width=400,scrollbars=yes,top=0,left=0,x=0,y=0");  

newwin.document.write(message);      

}
function getanswers(){
window.alert("参考答案 1.ABD 2.ABCD 3.ABC ")

}
//-->
</script>

<BODY>
<form>
1.计算机病毒的主要传播途径有______<br>
<input type=checkbox name=c1 value=A>A.光盘和软盘  <br>
<input type=checkbox name=c1 value=B>B.OICQ和BBS    <br>

<input type=checkbox name=c1 value=C>C.网络浏览            <br>

<input type=checkbox name=c1 value=D>D.电子邮件和网络<p>

<p>

2.被感染病毒后,计算机可能出现的异常现象或症状有______<br>

<input type=checkbox name=c2 value=A>A.计算机系统出现异常死机或死机频繁<br>

<input type=checkbox name=c2 value=B>B.系统被非法远程控制 <br>

<input type=checkbox name=c2 value=C>C.文件的内容和文件属性无故改变<br>

<input type=checkbox name=c2 value=D>D.自动发送邮件<p>

3.下列病毒发作时,能够破坏硬盘数据的有______<br>

<input type=checkbox name=c3 value=A>A.求职信 <br>

<input type=checkbox name=c3 value=B>B.SirCam <br>

<input type=checkbox name=c3 value=C>C.CIH  <br>

<input type=checkbox name=c3 value=D>D.Sulfnbk<p>
<hr width="60%">
<center>
<input type=button value=提交 onclick="getresultcheck(this.form,6,1)">&nbsp;&nbsp;&nbsp;

<input type=reset value=重做>&nbsp;&nbsp;&nbsp;

<input type=button value=答案 onclick="getanswers()">

</center>

</form>

</BODY>  

#27
love云彩2013-08-17 00:52
29、打字速度测试效果。
程序代码:

<SCRIPT LANGUAGE="JavaScript">

<!--
msg = new Array("Practicing with your typing can greatly help your overall computer skills.",

"A new computer is sold in the US every hour!",

"When do birds migrate from North to South?",

"Perplexing phrases, like this one, are tougher to type.")        


word = 10


function s() {                                                

msg = new Array("Computers are the medium of the future.",

"Can you type this phrase rather quickly?",

"Who is the President of the US?",

"I believe that you can type well!")

word = 7

}


function m() {                                                  

msg = new Array("Practicing with your typing can greatly help your overall computer skills.",

"A new computer is sold in the US every hour!",

"When do birds migrate from North to South?",

"Perplexing phrases, like this one, are tough to type.")

word = 10

}

function e() {                                               

msg = new Array("If you can correctly, and quickly, type this perplexing sentence, you are one superb typist!",

"You are one superb typist if you can correctly, and quickly, type this long phrase.",

"I believe you're a good typist, so I believe you will correctly copy this statement!",

"Because this is not a fairly simple phrase, could you swiftly, and precisely, copy it?")

word = 15

}



function beginnow() {

randNum = Math.floor((Math.random() * 10)) % 4     

msgType = msg[randNum]                              

day = new Date();

startType = day.getTime();                        

document.theForm.given.value = msgType                 

document.theForm.typed.focus();                  

}


function cheat() {                        

alert("对不起,这里的内容你不能改变!!");

document.theForm.typed.focus();

}


function stopnow() {

dayTwo = new Date();

endType = dayTwo.getTime();                           

totalTime = ((endType - startType) / 1000)         

spd = Math.round((word/totalTime) * 60)            

if (document.theForm.typed.value == document.theForm.given.value) {

    alert("n你输入了 " + word + " 个字符,在 " + totalTime + " 秒内, 速度为每秒钟 " + spd + " 个字符!")

}

else {

    alert("你输入有错,但是你每分钟输入 " + spd + " 个字符.")

  }

}

// -->

</SCRIPT>


<body>
<FORM name="theForm">

<TABLE BORDER=3>

<TR>

<TD>你是个...</TD>

<TD align=center><input type=radio name="sme" value="Beginner" onClick="s()" checked>初级

<input type=radio name="sme" value="Novice" onClick="m()">中级

<input type=radio name="sme" value="Expert" onClick="e()">高级</TD>

</TR>

<TR><TD colspan=2><BR>

<center><input type=button value="开始测试" name="start" onClick="beginnow()"></center><BR>

<textarea name="given" cols=53 rows=3 wrap=on onFocus="cheat()"></textarea></TD>

</TR>

<TR><TD colspan=2><input type=text name="typed" size=49><input type=button value="结束" name="stop" onClick="stopnow()"></TD>

</TR>

</TABLE>
</FORM>

</body>

#28
love云彩2013-08-17 00:53
30、游戏射击。
程序代码:
<SCRIPT LANGUAGE="JavaScript">
<!--

function MakeArray(n){
     this.length = n;                    

     for (var i = 1; i <= n; i++) {      

         this[i] = 0

     }
     return this
}

var d0 = new Date();
var rand_0 = d0.getSeconds();                  

function p_rand(){                              

     d1 = new Date();                              

     rand_0 = (rand_0 * rand_0 + rand_0 + d1.getSeconds()) % 3721 ;
     return rand_0 % width_n;
}


var height_n = 7;         

var width_n =4;            


var enemy = new MakeArray(width_n);

var wtime;                  

var score;
var gameover;
document.write( "<FORM NAME='fm1'>");
document.write( "<INPUT TYPE='text' NAME='message' SIZE=20>");

document.write( "</FORM>");
document.write( "<FORM NAME='fm2'><TABLE>");
for( var i=0; i<height_n; i++){            

     document.write( "<TR>");
     for( var j=0;j<width_n; j++){
         document.write( "<TD><CENTER><INPUT TYPE='radio'></CENTER></TD>");
     }
     document.write( "</TR>");
}
document.write( "<TR>");
for( var j=0;j<width_n; j++){                 

     document.write( "<TD><INPUT TYPE='button' VALUE='||' onClick='fire(" + j + ")'></TD>");
}
document.write( "</TR>");
document.write( "</TABLE>");
document.write( "<INPUT TYPE='button' VALUE='开始' onClick='game_start()'>");   

document.write( "</FORM>");


function ncome(){
     var n = p_rand();
     document.fm2.elements[width_n * enemy[n+1] + n].checked = true;
     enemy[n+1]++;
     if(enemy[n+1] < height_n){        

         setTimeout("ncome()", wtime);
     }else{
       gameover = true;                                    

       document.fm1.message.value =  "游戏结束:" + score ;

     }
}

function fire(n){
     if(gameover) return;               

     for(var i=0; i<enemy[n+1]; i++){
         document.fm2.elements[ width_n * i + n].checked = false;
     }
     score+= enemy[n+1];
     document.fm1.message.value = "分数:" + score;   

     enemy[ n+1] = 0;
     if( wtime > 50){ wtime -= 10};
}

function game_start(){
    for( var n=0; n<width_n; n++){                          

         for( var i=0; i<enemy[n+1]; i++){
             document.fm2.elements[ width_n * i + n].checked = false;
         }
         enemy[n+1] = 0;
     }
     wtime = 150;                                    

     score = 0;                                          

     gameover = false;
     document.fm1.message.value = "分数:" + score;
     setTimeout("ncome()", wtime);
}

//-->
</SCRIPT>

#29
有容就大2013-08-17 20:28
来鼓鼓掌 云版辛苦了
#30
love云彩2013-08-17 20:32
以下是引用有容就大在2013-8-17 20:28:24的发言:

来鼓鼓掌 云版辛苦了


等凌晨来了,我就可以用闲时流量在电脑上网,到时候再继续贴素材上来
#31
love云彩2013-08-18 01:30
31、页面停留时间。
程序代码:
<script language="JAVASCRIPT">
<!--
var time_start = new Date();         

var clock_start = time_start.getTime();

function get_time_spent ()
{

var time_now = new Date();            

return((time_now.getTime() - clock_start)/1000);

}

function show_secs ()
{

var total_secs = Math.round(get_time_spent());   

var secs_spent = total_secs % 60;
var mins_spent = Math.round((total_secs-30)/60);

var secs_spent = "" + ((secs_spent>9) ? secs_spent : "0" + secs_spent);  

var mins_spent = "" + ((mins_spent>9) ? mins_spent : "0" + mins_spent);  

document.form0.time_spent.value = mins_spent + ":" + secs_spent;         

setTimeout('show_secs()',1000);

}
setTimeout('show_secs()',1);
// -->
</script>

<FORM name="form0" onSubmit="0">你在本页面的停留时间:
<INPUT type="text" name="time_spent" size=7 onFocus="this.blur()"></FORM>

#32
love云彩2013-08-18 01:32
32、页面背景花瓣效果。
程序代码:
<script Language="javascript">
<!--
function a(x,y,color)            

{document.write("<img border='0' style='position: absolute; left: "+(x+300)+"; top: "+(y+200)+";background-color: "+color+"' src='px.gif' width=2 height=2>")}
//-->
</script>
<script Language="javascript">
<!--
for(t=1;t<=360;t++){        

lo=150*Math.sin(2*(Math.PI/180)*t);
x = lo*Math.cos((Math.PI/180)*t);

y = lo*Math.sin((Math.PI/180)*t);
a(x,y,"#ff0000");

lo=150*Math.cos(2*(Math.PI/180)*t);
x = lo*Math.cos((Math.PI/180)*t);

y = lo*Math.sin((Math.PI/180)*t);

a(x,y,"#00ffff");
}
//-->
</script>

#33
love云彩2013-08-18 01:33
33、页面背景闪烁效果。
程序代码:
<SCRIPT LANGUAGE="JavaScript">
<!--
var Color= new Array(16);  

Color[1] = "ff";
Color[2] = "ee";
Color[3] = "dd";
Color[4] = "cc";
Color[5] = "bb";
Color[6] = "aa";
Color[7] = "99";
Color[8] = "88";
Color[9] = "77";
Color[10] = "66";
Color[11] = "55";
Color[12] = "44";
Color[13] = "33";
Color[14] = "22";
Color[15] = "11";
Color[16] = "00";

function fadeIn(where) {
if (where >= 1) {         

    document.bgColor="#" + Color[where] +"0000";
    where -= 1;                    

    setTimeout("fadeIn("+where+")", 50);

}

else {
    setTimeout('fadeOut(1)', 50);      

}
}

function fadeOut(where) {
if (where <=16) {        

    document.bgColor="#" + Color[where] +"0000";

    where += 1;                  

    setTimeout("fadeOut("+where+")", 50)

}

else {
    setTimeout("fadeIn(16)", 50);        

}
}
//-->
</SCRIPT>
<body onLoad="fadeIn(16)">

<font color="#ffffff">背景在不断的闪烁</font>
</body>

#34
love云彩2013-08-18 01:35
33、页面背景颜色选择果。
程序代码:
<body>
<table border=0 cellpadding=0 cellspacing=0>
    <tr STYLE='cursor:hand'>
        <td width=20 height=20 style="background-Color:#000000" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#0000ff" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#cccccc" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#ffffff" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#ffff00" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#0000ff" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
    </tr>
    <tr STYLE='cursor:hand'>
        <td width=20 height=20 style="background-Color:#ff0000" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#00ffff" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#336699" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#336633" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#cc3322" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
        <td width=20 height=20 style="background-Color:#ddcc33" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
    </tr>
</table>

</body>

#35
love云彩2013-08-18 01:37
35、自动滚屏效果。
程序代码:
<SCRIPT LANGUAGE=javascript>
<!--
var dz=0;
function click(){
    if (event.button==2){                  // 当鼠标按下右键时
        alert("自动滚屏已经停止!");
        dz=1
    }     

}      

document.onmousedown=click;                    // 按下鼠标触发函数
var position=0;                                // 初始化
function scroller(){
    if (dz==0){
    position++;                    // 滚动位置累加
    scrollTo(0,position);            // 实现窗口滚动
    clearTimeout(timer);           // 清空定时器
    var timer=setTimeout("scroller()",60);     // 设定定时
    }
    else{
    clearTimeout(timer);           // 清空定时器
    }
}      

scroller();
//-->
</SCRIPT>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>
黑龙江大学<br>

#36
love云彩2013-08-18 01:40
36、滚动显示图片效果。
程序代码:
<table>
<tr>
        <td>
            <DIV id=gundong style="OVERFLOW: hidden; WIDTH: 400px; HEIGHT: 60px" align=center>
            <TABLE cellPadding=0  border=0 cellspace="0"  align=center ID="Table1">
                <TBODY>
                <TR>
                <TD id=gundong11 vAlign=top>
                    <TABLE cellSpacing=5 cellPadding=0 width="100%" border=0 align=center>
                    <TBODY>
                    <TR vAlign=top>
                    <td><img src="2.jpg" width=100 height=50><img src="3.jpg" width=100 height=50><img src="4.jpg" width=100 height=50><img src="5.jpg" width=100 height=50><img src="7.jpg" width=100 height=50></td>
                    </TR>
                    </TBODY>
                    </TABLE>
                </TD>
                <TD id=gundong12 vAlign=top>
                </TD>
                </TR>
                </TBODY>
            </TABLE>
            </DIV>
            <script LANGUAGE="JavaScript">
            <!--
            var speed=30                                     // 定义速度
            gundong12.innerHTML=gundong11.innerHTML          // 赋值
            function mq(){
            if(gundong12.offsetWidth-gundong.scrollLeft<=0)
            gundong.scrollLeft-=gundong11.offsetWidth
            else{
            gundong.scrollLeft++
            }
            }
            setInterval(mq,speed)               // 定义定时器
            //-->
            </SCRIPT>
        </td>
</tr>

</table>

#37
love云彩2013-08-18 01:42
37、限制上传图片属性。
程序代码:
<SCRIPT language=JavaScript>
<!--
function getFilePic(){
    var stxt;
    stxt=form1.pic.value.substring(form1.pic.value.lastIndexOf(".")+1,form1.pic.length);
    stxt=stxt.toUpperCase();
    switch(stxt){
    case "GIF":
        alert("您输入的是GIF图片!");
        break;
    case "JPG":
        alert("您输入的是JPG图片!");
        break;
    case "BMP":
        alert("您输入的是BMP图片!");
        break;
    case "PNG":
        alert("您输入的是PNG图片!");
        alert("您输入的图片符");
        break;
    default:
        alert("您必须输入GIF,JPG,BMP,PNG等各式的图片!")
        break;
    }

}
//-->
</script>
<form id=form1>
<p align=center>选择图片:<input type="file" name=pic></p>
<p align=center><input type=button value=' 上 传 ' onclick="getFilePic()"></p>
</form>

#38
love云彩2013-08-18 01:43
38、图片滚动链接效果。
程序代码:

<div id=img>
<a href="#"><img src="5.jpg" border=0 width=100 height=50></a><BR>
<a href="#"><img src="7.jpg" border=0 width=100 height=50></a><BR>
<a href="#"><img src="2.jpg" border=0 width=100 height=50></a><BR>
</div>
<SCRIPT language=JavaScript>
<!--
marHeight=50;                   // 设定高度
stopscroll=false;
with(img)
{
style.height=marHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");          // 鼠标悬停停止滚动
onmouseout=new Function("stopscroll=false");          // 鼠标离开开始滚动
}
preTop=0;
currentTop=50;                          // 设定滚动高度
stoptime=0;
img.innerHTML += img.innerHTML;         // 赋值
function scrollimg()
{
img.scrollTop=0;
setInterval("scrollUp()",20);          // 设定图片滚动时间
}

function scrollUp()

{
if(stopscroll==true) return;
currentTop+=1;
if(currentTop>50)                       // 判断滚动高度
    {
    stoptime+=1;
    currentTop-=1;
        if(stoptime==30)            // 设定图片停留时间
        {
        currentTop=0;
        stoptime=0;
        }
    }
    else
    {
    preTop=img.scrollTop;
    img.scrollTop+=1;
        if(preTop==img.scrollTop)

          {

          img.scrollTop=0;
          img.scrollTop+=1;
        }
    }
}
scrollimg();
//-->
</script>

#39
love云彩2013-08-18 01:44
39、下拉菜单进入链接效果。
程序代码:
<Script language="javascript">
<!--
function go(){
window.location=document.myweb.example.options[document.myweb.example.selectedIndex].value
}
//-->
</Script>

<body>
<form name="myweb">请选择网址直接进入:
<select name="example" size=1 onChange="go()">
<option value="http://www.网易</option>
<option value="http://www.搜狐</option>
<option value="http://www.新浪</option>
<option value="http://www.baidu.com">百度</option>
<option value="http://www.


50)                       // 判断滚动高度
    {
    stoptime+=1;
    currentTop-=1;
        if(stoptime==30)            // 设定图片停留时间
        {
        currentTop=0;
        stoptime=0;
        }
    }
    else
    {
    preTop=img.scrollTop;
    img.scrollTop+=1;
        if(preTop==img.scrollTop)

          {

          img.scrollTop=0;
          img.scrollTop+=1;
        }
    }
}
scrollimg();
//-->


#40
love云彩2013-08-18 01:45
40、二级互相关联菜单。
程序代码:
<FORM name=dweb>
<P align=center>
<SELECT name=lianjie1 onchange="redirect(this.options.selectedIndex)">
<OPTION selected>校园网</OPTION>
<OPTION>国内网站</OPTION>

<OPTION>国外网站</OPTION></SELECT>
<SELECT name=lianjie2 size=1>
<OPTION selected value="http://www.hlju.黑龙江大学</OPTION>
<OPTION value="http://210.46.103.2">教务办公网</OPTION>
<OPTION value="http://210.46.102.123">校园网</OPTION>
<OPTION value="http://210.46.103.1">教学在线</OPTION>
<OPTION value="http://210.46.104.50">现代教育技术中心</OPTION></P>

<SCRIPT language=JavaScript>
<!--

var groups=document.dweb.lianjie1.options.length         

var group=new Array(groups)                              

for (i=0; i<groups; i++)

group[i]=new Array()

group[0][0]=new Option("黑龙江大学","http://www.hlju.)  

group[0][1]=new Option("教务办公网","http://210.46.103.2")

group[0][2]=new Option("校园网","http://210.46.102.123")

group[0][3]=new Option("教学在线","http://210.46.103.1")

group[0][4]=new Option("现代教育技术中心","http://125.223.0.6")

group[1][0]=new Option("新浪网","http://www.)

group[1][1]=new Option("网易","http://www.)

group[1][2]=new Option("搜狐","http://www.)

group[1][3]=new Option("百度", "http://www.baidu.com")

group[1][4]=new Option("中国人", "http://www.)

group[2][0]=new Option("惠普","http://www.)

group[2][1]=new Option("IBM网站","http://www.)

group[2][2]=new Option("微软","http://www.)
var temp=document.dweb.lianjie2

function redirect(x){                             

for (m=temp.options.length-1;m>0;m--)

    for (i=0;i<group[x].length;i++){

        temp.options[i]=new Option(group[x][i].text,group[x][i].value)  

    }
}
//-->
</SCRIPT></FORM>

#41
love云彩2013-08-18 01:47
41、二级树型菜单效果。
程序代码:
<STYLE type=text/css>
TD {
    FONT-SIZE: 12px; FONT-FAMILY: "宋体"
}
</STYLE>

<script language="javascript">
<!--
function treebr0(i){
obj=eval('d'+i)                  

objimage=eval('image'+i)
if (obj.style.display == "none"){

    obj.style.display='block'

    objimage.src="dotCM.gif"}

else{
    obj.style.display='none'

    objimage.src="dotOM.gif"}

}
//-->
</script>
<table cellSpacing=0 cellPadding=0 width=200 border=0  STYLE='cursor:hand' onclick="javascript:treebr0(1);">
    <tr>
        <td width=4></td><td width=16 height=16><img src="dotOM.gif" id=image1></td><td align=left><b>我的办公室</b></td>
    </tr>
</table>
<table cellSpacing=0 cellPadding=0 width=200 border=0 id=d1 style="display='none'">
    <tr>
        <td width=4></td><td width=16><img src="dotMargin.gif"></td><td width=16><img src="dotM.gif"></td><td>我的信息</td>
    </tr>
    <tr>
        <td width=4></td><td><img src="dotMargin.gif"></td><td><img src="dotB.gif"></td><td>我的邮件</td>
    </tr>
</table>
<table cellSpacing=0 cellPadding=0 width=200 border=0>
    <tr>
        <td width=4></td><td><img src="dotMargin.gif"></td>
    </tr>
</table>

                       

<table cellSpacing=0 cellPadding=0 width=200 border=0 STYLE='cursor:hand' onclick="javascript:treebr0(2);">
    <tr>
        <td width=4></td><td width=16 height=16><img src="dotOM.gif" id=image2></td><td align=left><b>共享资源</b></td>
    </tr>
</table>
<table cellSpacing=0 cellPadding=0 width=200 border=0 id=d2 style="display='none'">
    <tr>
        <td width=4></td><td width=16><img src="dotMargin.gif"></td><td width=16><img src="dotM.gif"></td><td>音乐欣赏</td>
    </tr>
    <tr>
        <td width=4></td><td><img src="dotMargin.gif"></td><td><img src="dotB.gif"></td><td>航空信息</td>
    </tr>
</table>

<table cellSpacing=0 cellPadding=0 width=200 border=0>
    <tr>
        <td width=4></td><td><img src="dotMargin.gif"></td>
    </tr>
</table>


<table cellSpacing=0 cellPadding=0 width=200 border=0 STYLE='cursor:hand' onclick="javascript:treebr0(3);">
    <tr>
        <td width=4></td><td width=16 height=16><img src="dotOM.gif" id=image3></td><td align=left><b>办公助理</b></td>
    </tr>
</table>
<table cellSpacing=0 cellPadding=0 width=200 border=0 id=d3 style="display='none'">
    <tr>
        <td width=4></td><td width=16><img src="dotMargin.gif"></td><td width=16><img src="dotM.gif"></td><td>法律法规</td>
    </tr>
    <tr>
        <td width=4></td><td><img src="dotMargin.gif"></td><td><img src="dotB.gif"></td><td>邮政编码</td>
    </tr>
</table>

#42
love云彩2013-08-18 01:47
42、多层树型菜单效果。
程序代码:
<STYLE type=text/css>
TD {
    FONT-SIZE: 12px; FONT-FAMILY: "宋体"
}
</STYLE>

<script language="javascript">
<!--
function treebr0(i){
obj=eval('d'+i)
objimage=eval('image'+i)
if (obj.style.display == "none"){

    obj.style.display='block';
    objimage.src="jian.gif";
}
else{
    obj.style.display='none';

    objimage.src="jia.gif";
}
}
//-->
</script>
<table cellSpacing=0 cellPadding=0 width=200 border=0 STYLE='cursor:hand' onclick="javascript:treebr0(1);">
    <tr>
        <td><img src="jia.gif" id=image1>我的办公室</td>
    </tr>
</table>
<table cellSpacing=0 cellPadding=0 width=200 border=0 id=d1 style="display='none'">
    <tr>
        <td STYLE='cursor:hand' onclick="javascript:treebr0(11);">&nbsp;&nbsp;<img src="jia.gif" id=image11>公共信息</td>
    </tr>
    <tr>
        <td>
            <table cellSpacing=0 cellPadding=0 border=0 id=d11 style="display='none'">
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;<img src="shi.gif">信息发布</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;<img src="shi.gif">信息修改</td>
            </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>&nbsp;&nbsp;<img src="shi.gif">公文包</td>
    </tr>
    <tr>
        <td STYLE='cursor:hand' onclick="javascript:treebr0(12);">&nbsp;&nbsp;<img src="jia.gif" id=image12>电子邮件</td>
    </tr>
    <tr>
        <td>
            <table cellSpacing=0 cellPadding=0 border=0 id=d12 style="display='none'">
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;<img src="shi.gif">写邮件</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;<img src="shi.gif">收件夹</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;<img src="shi.gif">寄件夹</td>
            </tr>
            </table>
        </td>
    </tr>
</table>
<br>
<table cellSpacing=0 cellPadding=0 width=200 border=0 STYLE='cursor:hand' onclick="javascript:treebr0(2);">
    <tr>
        <td><img src="jia.gif" id=image2>办公助理</td>
    </tr>
</table>
<table cellSpacing=0 cellPadding=0 width=200 border=0 id=d2 style="display='none'">
    <tr>
        <td STYLE='cursor:hand' onclick="javascript:treebr0(22);">&nbsp;&nbsp;<img src="jia.gif" id=image22>列车时刻</td>
    </tr>
    <tr>
        <td>
            <table cellSpacing=0 cellPadding=0 border=0 id=d22 style="display='none'">
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;<img src="shi.gif">添加</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;<img src="shi.gif">删除</td>
            </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>&nbsp;&nbsp;<img src="shi.gif">航班时刻</td>
    </tr>
</table>

#43
love云彩2013-08-18 01:49
43、内容相互替换菜单。
程序代码:

<SCRIPT LANGUAGE="JavaScript">
<!--
sitems = 1;               


function move(fbox,tbox) {
for(var i=0; i<fbox.options.length; i++) {
if(fbox.options[i].selected && fbox.options[i].value != "") {
var no = new Option();
no.value = fbox.options[i].value;        

no.text = fbox.options[i].text;         

tbox.options[tbox.options.length] = no;  

fbox.options[i].value = "";              

fbox.options[i].text = "";               

   }
}
BumpUp(fbox);                           

if (sitems) SortD(tbox);                 

}

function BumpUp(box)  {
for(var i=0; i<box.options.length; i++) {

if(box.options[i].value == "")  {        

for(var j=i; j<box.options.length-1; j++)  {

box.options[j].value = box.options[j+1].value;

box.options[j].text = box.options[j+1].text;  

}
var ln = i;break;                             

   }
}
if(ln < box.options.length)  {               

box.options.length -= 1;
BumpUp(box);
   }
}

function SortD(box)  {
var temp_opts = new Array();
var temp = new Object();
for(var i=0; i<box.options.length; i++)  {  

temp_opts[i] = box.options[i];              

}
for(var x=0; x<temp_opts.length-1; x++)  {
for(var y=(x+1); y<temp_opts.length; y++)  {
if(temp_opts[x].text > temp_opts[y].text)  {
temp = temp_opts[x].text;                  

temp_opts[x].text = temp_opts[y].text;      

temp_opts[y].text = temp;                  

temp = temp_opts[x].value;                  

temp_opts[x].value = temp_opts[y].value;   

temp_opts[y].value = temp;
      }
   }
}
for(var i=0; i<box.options.length; i++)  {
box.options[i].value = temp_opts[i].value;
box.options[i].text = temp_opts[i].text;
   }
}
//-->
</script>

<form ACTION="" METHOD="POST">
<table border="0">
<tr>
<td><select multiple size="8" name="list1">
<option value="l1">数学系</option>
<option value="l2">英语系</option>
<option value="l3">物理系</option>
<option value="l4">日语系</option>
</select></td>
<td>
<input type="button" value="添加" onclick="move(this.form.list1,this.form.list2)" name="B1"><br>
<input type="button" value="删除" onclick="move(this.form.list2,this.form.list1)" name="B2">
</td>
<td><select multiple size="8" name="list2">
<option value="r1">自动化系</option>
<option value="r2">电子工程系</option>
<option value="r3">信息管理系</option>
<option value="r4">计算机系</option>
</select></td>
</tr>
</table>
</form>

#44
love云彩2013-08-18 01:51
44、改变背景颜色菜单。
程序代码:
<STYLE>
td {
    font-size:9pt; COLOR: #ffffff;
}
</STYLE>

<table border=0 cellpadding=0 cellspacing=1>
    <tr align=center>
        <td width=80 height=22 bgcolor="#336699" onMouseOver="javascript:this.style.backgroundColor='#336633'" onMouseOut="javascript:this.style.backgroundColor=''" STYLE='cursor:hand'>黑龙江大学</td>
        <td width=120 bgcolor="#336699" onMouseOver="javascript:this.style.backgroundColor='#336633'" onMouseOut="javascript:this.style.backgroundColor=''" STYLE='cursor:hand'>哈尔滨工业大学</td>
        <td width=120 bgcolor="#336699" onMouseOver="javascript:this.style.backgroundColor='#336633'" onMouseOut="javascript:this.style.backgroundColor=''" STYLE='cursor:hand'>哈尔滨工程大学</td>
        <td width=100 bgcolor="#336699" onMouseOver="javascript:this.style.backgroundColor='#336633'" onMouseOut="javascript:this.style.backgroundColor=''" STYLE='cursor:hand'>东北农业大学</td>
        <td width=100 bgcolor="#336699" onMouseOver="javascript:this.style.backgroundColor='#336633'" onMouseOut="javascript:this.style.backgroundColor=''" STYLE='cursor:hand'>东北林业大学</td>
    </tr>
</table>

#45
love云彩2013-08-18 01:53
45、大小写字母同步转换效果。
程序代码:

<SCRIPT language="JavaScript">
<!--
function test(obj)

{

obj.value = obj.value.toUpperCase();
}

//-->
</script>

请输入一段小写字母:<input type=text name="test" onkeypress="test(this)" onChange="test(this)">&nbsp;<input type=button value="确定">

#46
love云彩2013-08-18 01:54
46、购物自动累加计算。
程序代码:

<SCRIPT LANGUAGE="JavaScript">
<!--

var form_total=0;
function CheckChoice(box)
{
if (box.checked == false)
    { form_total -= eval(box.value); }
else     { form_total += eval(box.value); }
    document.myform.total.value = eval(form_total)+'元';
}
-->
</script>

<form method="POST" name="myform">
<table align=center width=300>
    <tr>
        <td height=50 colspan=2>目前有以下商品:</td>
    </tr>
    <tr>
        <td >AD运动衣350元</td><td width=30>
        <input type="checkbox" name="b1" value=350 onclick="CheckChoice(this);"></td>
    </tr>
    <tr>
        <td>NIKE运动背包220元</td><td width=30>
        <input type="checkbox" name="b2" value=220 onclick="CheckChoice(this);"></td>
    </tr>
    <tr>
        <td>乔丹运动鞋480元</td><td width=30>
        <input type="checkbox" name="b3" value=480 onclick="CheckChoice(this);"></td>
    </tr>
    <tr>
        <td colspan=2 align=right>花费总计: <input type="text" name="total" size=8 readonly value='0元' onFocus="this.blur();"></td>
    </tr>
</table>
</form>

#47
love云彩2013-08-18 01:56
47、一元二次方程计算器。
程序代码:
<SCRIPT LANGUAGE="JavaScript">
<!--
var rparti;
var rpart;
var det;
var rparti1;
var rparti2;
var a;
var b;
var c;
var x1;
var x2;
var i = "i";
function checkQuad() {
var a = document.fquad.fa.value;
var b = document.fquad.fb.value;
var c = document.fquad.fc.value;
if ((a == 0 || a == "") && c != 0) {

x1 = "error";
x2 = "error";
document.fquad.x1.value=x1;
document.fquad.x2.value=x2;
}
else {
quad();
}
}

function quad() {           

var a = document.fquad.fa.value;
var b = document.fquad.fb.value;
var c = document.fquad.fc.value;
det = Math.pow(b,2)-4*a*c;         

rpart = Math.sqrt(det)/(2*a);
rparti = (Math.sqrt(-det)/(2*a))+i;
if (parseFloat(rparti)<0) {
rparti1 = rparti;
rparti2 = (-1*parseFloat(rparti))+i;

}
else {
rparti1 = (-1*parseFloat(rparti))+i;
rparti2 = rparti;
}
if (rparti1 == "1i") {        

rparti1 = i;
rparti2 = "-i";
}
else if (rparti1 == "-1i") {   

rparti1 = "-i";
rparti2 = i;
}
if (det == 0) {                  

x1 = x2 = -b/(2*a);
}
else if (det > 0) {           

x1 = (-b+Math.sqrt(det))/(2*a);
x2 = (-b-Math.sqrt(det))/(2*a);
}
else if ((-b/(2*a))==0){
x1 = rparti1;
x2 = rparti2;
}
else {                          

x1 = (-b/(2*a)+"+"+rparti1);
x2 = (-b/(2*a)+"+"+rparti2);
}
document.fquad.x1.value=x1;      

document.fquad.x2.value=x2;
}
//-->
</script>

<form name=fquad>
<table align="center">
<tr>
<td>
<input name=fa size=4>
          <font color="black">x<SUP>2</SUP>+</font>

          <input name=fb size=4>
          <font color="black"> x +</font>

          <input name=fc size=4>
          <font color="black">= 0</font>

          <input type=button value="求值" onClick="checkQuad()">
         

          <input type=reset value="重填">
</td>
</tr>
<tr>
<td>
        <h2> <font color="black">x<sub>1</sub>=</font>
<input name=x1 size=35>
<br>
          <font color="black">x<sub>2</sub>=</font>
<input name=x2 size=35>
</h2>
</td>
</tr>
</table>
</form>

#48
love云彩2013-08-18 01:56
48、简易计算器。
程序代码:
<SCRIPT LANGUAGE="JavaScript">
<!--
var Number1 = "";
var Number2 = "";
var NewNumber = "blank";
var opvalue = "";

function Display(displaynumber) {
document.calculator.answer.value = displaynumber;
}

function ClearCalc() {              // 清空
Number1 = "";
Number2 = "";
NewNumber = "blank";
Display("");
}


function CheckNumber(answer) {         // 显示数字
if(answer == ".") {
Number = document.calculator.answer.value;
if(Number.indexOf(".") != -1) {
answer = "";
   }
}
if(NewNumber == "yes") {
Number2 += answer;
Display(Number2);
}
else {
if(NewNumber == "blank") {
Number1 = answer;
Number2 = "";
NewNumber = "no";
}
else {
Number1 += answer;
}
Display(Number1);
   }
}

function AddButton(x) {                // 加法函数
if(x == 1) EqualButton();
if(Number2 != "") {
Number1 = parseFloat(Number1) + parseFloat(Number2);
}
NewNumber = "yes";
opvalue = '+';
Display(Number1);
}

function SubButton(x) {                // 减法函数
if(x == 1) EqualButton();
if(Number2 != "") {
Number1 = parseFloat(Number1) - parseFloat(Number2);
}
NewNumber = "yes";
opvalue = '-';
Display(Number1);
}

function MultButton(x) {               // 乘法
if(x == 1) EqualButton();
if(Number2 != "") {
Number1 = parseFloat(Number1) * parseFloat(Number2);
}
NewNumber = "yes";
opvalue = '*';
Display(Number1);
}
function DivButton(x) {                // 除法
if(x == 1) EqualButton();
if(Number2 != "") {
Number1 = parseFloat(Number1) / parseFloat(Number2);
}
NewNumber = "yes";
opvalue = '/';
Display(Number1);
}

function SqrtButton() {                // 平方按钮
Number1 = Math.sqrt(Number1);
NewNumber = "blank";
Display(Number1);
}

function RecipButton() {                // 分数
Number1 = 1/Number1;
NewNumber = "blank";
Display(Number1);
}
function NegateButton() {                // 正负值
Number1 = parseFloat(-Number1);
NewNumber = "no";
Display(Number1);
}
function EqualButton() {
if(opvalue == '+') AddButton(0);          // 加法
if(opvalue == '-') SubButton(0);          // 减法
if(opvalue == '*') MultButton(0);         // 乘法
if(opvalue == '/') DivButton(0);          // 除法
Number2 = "";
opvalue = "";
}
// -->
</script>
<form name="calculator">
<table bgcolor="#777777" width=220>
<tr><td>
<table bgcolor="#aaaaaa" border=1>
<tr><td>
<table border=0 cellpadding=0>
<tr>
                    <td bgcolor="#000000" align=center><font color="#ffffff"><b>计&nbsp;算&nbsp;器</b></font></div>
                    </td>
                  </tr>
<tr><td>
<table width="100%" border=0>
<tr><td colspan=6><input type="text" name="answer" size=37 maxlength=37 onChange="CheckNumber(this.value)"></td></tr>
<tr>
<td><input type="button" name="calc7" value="  7  " onClick="CheckNumber('7'); return false;"></td>
<td><input type="button" name="calc8" value="  8  " onClick="CheckNumber('8'); return false;"></td>
<td><input type="button" name="calc9" value="  9  " onClick="CheckNumber('9'); return false;"></td>
<td><input type="button" name="divide"  value="  /  " onClick="DivButton(1); return false;"></td>
<td><input type="reset" name="C" value="  C  " onClick="ClearCalc(); return false;"></td></tr>
<tr>
<td><input type="button" name="calc4" value="  4  " onClick="CheckNumber('4'); return false;"></td>
<td><input type="button" name="calc5" value="  5  " onClick="CheckNumber('5'); return false;"></td>
<td><input type="button" name="calc6" value="  6  " onClick="CheckNumber('6'); return false;"></td>
<td><input type="button" name="multiply"  value="  *  " onClick="MultButton(1); return false;"></td>
<td><input type="button" name="sqrt" value=" sqrt" onClick="SqrtButton(); return false;"></td></tr>
<tr>
<td><input type="button" name="calc1" value="  1  " onClick="CheckNumber('1'); return false;"></td>
<td><input type="button" name="calc2" value="  2  " onClick="CheckNumber('2'); return false;"></td>
<td><input type="button" name="calc3" value="  3  " onClick="CheckNumber('3'); return false;"></td>
<td><input type="button" name="minus"  value="  -  " onClick="SubButton(1); return false;"></td>
<td><input type="button" name="recip" value=" 1/x " onClick="RecipButton(); return false;"></td></tr>
<tr>
<td><input type="button" name="calc0" value="  0  " onClick="CheckNumber('0'); return false;"></td>
<td><input type="button" name="negate" value=" +/- " onClick="NegateButton(); return false;"></td>
<td><input type="button" name="dot" value="  .  " onClick="CheckNumber('.'); return false;"></td>
<td><input type="button" name="plus"  value="  +  " onClick="AddButton(1); return false;"></td>
<td><input type="button" name="equal"  value="  =  " onClick="EqualButton(); return false;"></td>
</tr>
</table>
</td></tr>
</table>
</td></tr>
</table>
</td></tr>
</table>
</form>

#49
love云彩2013-08-18 02:00
49、检查显示分辨率。
程序代码:

<script language="JavaScript">
<!--
var correctwidth=1024
var correctheight=768
if (screen.width!=correctwidth||screen.height!=correctheight)

document.write("本站最佳分辨率: "+correctwidth+"*"+correctheight+". 您当前的分辨率是:"+screen.width+"*"+screen.height+"。<br><br>设置合适的分辨率才能取得最佳的显示效果!")
else
document.write("您当前的分辨率是:"+screen.width+"*"+screen.height+"。<br><br>您的浏览器符合浏览本网站的要求!")
//-->
</script>

#50
love云彩2013-08-18 02:01
50、检测IE所安装的插件。
程序代码:

<script language="JavaScript">
<!--

 var pluginsnum = navigator.plugins.length;

for (var i=0; i < pluginsnum; i++) {
   var number=i+1;
   document.write("<font color=red>Plug-in No." + number + "- </font>"+navigator.plugins[i].name+" <br>[Location: " + navigator.plugins[i].filename + "]<p>");
   }
if (number == undefined)                    

    alert ("\n多找一些外挂程序吧! 目前您还没有外挂程序!")
elseif (number>0)
        alert("\n你有 " + number + " 种外挂程序!")
      

//-->
</script>

#51
love云彩2013-08-18 02:03
51、检测点链接速度。
程序代码:

<script language="JavaScript">
<!--
tim=1
setInterval("tim++",100)
b=1

var geturl=new Array()      

geturl[1]="www.hlju.[2]="www.[3]="www.[4]="www.moe.[5]="www.("<form name=autof>")
for(var i=1;i<geturl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =>> <input type=text name=url"+i+" size=40> =>> <input type=button value=点击进入网站 onclick=window.open(this.form.url"+i+".value)><br>")

function auto(url){
document.forms[0]["url"+b].value=url               

if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}         

else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}   

b++
}
for(var i=1;i<geturl.length;i++)            

document.write("<img src=http://"+geturl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto('http://"+geturl[i]+"')>")
//-->
</script>
<br><br>
以上是检测黑龙江大学网站、网易163网站、新浪网站、教育部网站、中央电视台网站的链接速度。

12