<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title></title> <script> function xianshi(id,xian){ document.getElementById(id+"span").innerHTML="<font color='red'>"+xian+"</font>"; } function weikong(id,kong){ var e1=document.getElementById(id).value; if(e1==""){ document.getElementById(id+"span").innerHTML="<font color='#FF0000'>"+kong+"</font>"; }else{ document.getElementById(id+"span").innerHTML=""; } } </script> </head> <body> <form action="#" method="get" name="regfome" οnsubmit="return checkForm()"> <table height="80px"> <tr> <td width="100px">用户名</td> <td><input type="text" name="" id="user" οnfοcus="xianshi('user','请输入用户名')" οnblur="weikong('user','用户名不能为空')" /> <span id="userspan"></span> </td> </tr> <tr> <td>密码</td> <td><input type="password" name="" id="password" οnfοcus="xianshi('password','请输入密码')" οnblur="weikong('password','密码不能为空')"/> <span id="passwordspan"></span> </td> </tr> <tr> <td>密码</td> <td><input type="password" name="" id="password"/> </td> </tr> <tr> <td><input type="submit" value="注册"/> </td> </tr> </table> </form> </body></html><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function init(){ setInterval("lunbo()",300); } var i=2; function lunbo(){ i++; document.getElementById("a").src="img/"+i+".jpg"; if(i==4){ i=1; } } </script> <style> div{ width: 100px; margin: auto; } </style> </head> <body οnlοad="init()"> <div> <img src="img/2.jpg"id="a"> </div> </body></html><!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> function init(){ setInterval("a()",3000); } i=2; function a(){ i++; document.getElementById("lunzhuan").src="img/"+i+".jpg"; if(i==4){ i=2; } } </script> <style> div{ width: 100px; height: 100px; margin: auto; } </style> </head> <body οnlοad="init()"> <div> <img src="img/2.jpg" style="width: 100%;" id="lunzhuan"> </div> </body></html><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function init(){ setInterval('a()',2000); } var i=2; function a(){ i++; document.getElementById("a").src="img/"+i+".jpg" if(i==4){ i=1; } } </script> </head> <body οnlοad="init()"> <div> <img src="img/2.jpg" id="a"> </div> </body></html><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function init(){ setInterval('a()',1000); t=setInterval('b()',4000); } var i=2; function a(){ i++; document.getElementById("a").src="img/"+i+".jpg"; if(i==4){ i=1; } } function b(){ var c=document.getElementById("b"); c.style.display="block"; clearInterval(t) t=setInterval('e()',20000); } function e(){ document.getElementById("b").style.display="none"; clearInterval(t); } </script> </head> <body οnlοad="init()"> <div> <img src="img/1.jpg" style="display: none;" id="b"> </div> <div> <img src="img/2.jpg" id="a"> </div> </body></html><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function init(){ setInterval('a()',1000); t=setInterval('b()',2000); } var i=1; function a(){ i++; document.getElementById("a").src="img/"+i+".jpg"; if(i==4){ i=0; } } function b(){ var a=document.getElementById("b"); a.style.display="block"; clearInterval(t); t=setInterval('c()',4000); } function c(){ document.getElementById("b").style.display="none"; } </script> </head> <body οnlοad="init()"> <img src="img/1.jpg" style="display: none;" id="b"> <div> <img src="img/1.jpg" id="a"> </div> </body></html><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function init(){ setInterval('a()',1500); t=setInterval('b()',3000); } var i=1; function a(){ i++; document.getElementById("a").src="img/"+i+".jpg"; if(i==4){ i=0; } } function b(){ var c=document.getElementById("b"); c.style.display="block"; clearInterval(t); t=setInterval('e()',4000); } function e(){ document.getElementById("b"); clearInterval("t") } function f(id,xian){ document.getElementById(id+"span").innerHTML="<font color='red'>"+xian+"</font>"; } function f1(id,kong){ var a=document.getElementById(id).value; if(a==""){ document.getElementById(id+"span").innerHTML="<font color='red'>"+kong+"</font>"; }else{ document.getElementById(id+"span").innerHTML=""; } }// function bijiao(){ // var a1=document.getElementsByClassName("e").value;// var a2=document.getElementsByClassName("e1").value;// if(a1!=a2){}// document.getElementById("e1span").innerHTML="<font color='red'>"+"两次密码不相等"+"</font>";// }else{ // document.getElementById("e1span").innerHTML="";// } </script> </head> <body οnlοad="init()"> <img src="img/1.jpg" style="display: none;" id="b"> <div> <img src="img/1.jpg" id="a"> </div> <table> <tr> <td>用户名<input type="text" id="c" οnfοcus="f('c','请输入姓名')" οnblur="f1('c','姓名不能为空')"/> <span id="cspan"></span> </td> <tr> <td>密码<input type="password" class="e" id="e" οnfοcus="f('e','请输入密码')"οnblur="f1('e','密码不能为空')" /> <span id="espan"></span> </td> </tr> <tr> <td>确认密码<input type="password" class="e1" id="e1" οnfοcus="f('e1','请输入密码')"οnblur="f1('e1','密码不能为空')" /> <span id="e1span"></span> </td> </tr> <tr> <td><input type="submit" value="注册"/></td></tr> </tr> </table> </body></html>