收集了一些 网页类特效 网页类特效: <script language="javascript"> function fun(form){ var str1=document.form.username.value; var str2=document.form.userpwd.value; var str3=document.form.userpwd1.value; var str4=document.form.pwdqestion.value; var str5=document.form.pwdanswer.value; var str6=document.form.relname.value; var str7=document.form.addr.value; var email1=document.form.email.value; if (str1.length>10||str1.length<5){ alert("用户名要5-10个字符");return false} if (str2.length>10||str2.length<4){ alert("密码要4-10个字符");return false} if (str3.length>10||str3.length<5){ alert("密码确认要5-10个字符");return false} if(document.form.userpwd.value!=document.form.userpwd1.value){ alert("两次输入的密码不一致");return false} if (str4.length==""){ alert("密码提示问题不能为空!");return false} if (str5.length==""){ alert("密码答案不能为空!");return false} if(email1.length==""||email1.indexOf('@')==-1||email1.indexOf('.')==-1){ alert("电子邮件格式不正确!");return false} if (str6.length==""){ alert("真实姓名不能为空!");return false} if (str7.length==""){ alert("地址不能为空!");return false} if(isNaN(document.form.addrnum.value)){alert("邮编要数字!");return false} if(isNaN(document.form.tel.value)||document.form.tel.value==""){alert("电话号码要数字!");return false} else{ return true;} } </script> 单击按钮出现信息框 <html> <form> <input type="button" value="按我" > </form> </html> 单击查看源文件 <Html> <FORM> <script language="javascript"> function pr_view(urls) { var url="product_view.asp?p_id="+urls; var po = window.open(url,"p_view","toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=570,height=500"); po.focus(); } </script> <INPUT TYPE="BUTTON" VALUE="查看本页源代码" onClick= 'window.location = "view-source:" + window.location.href'> </form> </html> 单击将本站加入收藏夹 <script language="JavaScript"> function bookmarkit(){window.external.addFavorite('http://lovehy.126.com/','水晶情缘')}//改为你自己的网址和站名 if (document.all)document.write('<a href="http://lovehy.126.com" >将本站加入收藏夹</a>') </script> 单选调查样式 <html> <form> <div align="center"><center><p>本站很好: <input TYPE="radio" NAME="radio" value="谢谢您的鼓励和支持!" ><br> 本站一般: <input TYPE="radio" NAME="radio" value="我会不断努力的!" ><br> 本站太差: <input TYPE="radio" NAME="radio" value="具体的意见建议请Email给我,谢谢!" ><br> </p> </center></div> </form></html 点击按钮保存当前页面 <html> <input type="button" name="Button" value="点这保存这页面" > <object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> </object> </html> 点击按钮查看网页属性 <html> <input type="button" name="Button" value="点击查看页面属性" > <object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> </object> </html> 点击按钮打印当前页面 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin if (window.print) { document.write('<form>不在忘记' + '<input type=button name=print value="打印" ' + '>本页!</form>'); } // End --> </script> 点击清除表单默认值 <html> <form action="submit.asp" method="post" > <input type="text" value="Email address here"> <input type="submit" name="Submit" value="Submit"> </form> </html> 点击全选所有复选框 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var checkflag = "false"; function check(field) { if (checkflag == "false") { for (i = 0; i < field.length; i++) { field.checked = true;} checkflag = "true"; return "Uncheck All"; } else { for (i = 0; i < field.length; i++) { field.checked = false; } checkflag = "false"; return "Check All"; } } // End --> </script> <form name=myform action="" method=post> <table width="133"> <tr><td width="125"> <b>软件系数调查:<br> </b> <br> <input type=checkbox name=list value="1">软件的界面<br> <input type=checkbox name=list value="2">特效很多<br> <input type=checkbox name=list value="3">分类详细<br> <input type=checkbox name=list value="4">完全免费<br> <input type=checkbox name=list value="5">特效很实用<br> <input type=checkbox name=list value="6">更新速度快<br> <br> <input type=button value=" 全部选定 " /check(this.form.list)""> </td></tr> </table> </form> 调用他人的网页 <html> <object type="text/x-scriptlet" width="600" height="1000" data="../index.htm"> </object> </html> 定时转跳到其它的页面 <html> <meta http-equiv="refresh" content="3;url=../index.htm"> </html> 多个选择的搜索引擎 <form action="http://www2.yeah.net/cgi-bin/gosearch/search.cgi" name="searchform"> <div align="center"><center><table border="0"> <tr align="center" vAlign="center"> <td><select class="p9" name="site" size="1"> <option selected value="---------------">*** 搜索引擎大全 ***</option> <option value="网易yeah搜索">网易yeah搜索</option> <option value="中文雅虎">中文雅虎</option> <option value="中文cseek">中文cseek</option> <option value="搜狐">搜狐</option> <option value="悠游中文搜索">悠游中文搜索</option> <option value="常青藤搜索">常青藤搜索</option> <option value="北极星">北极星</option> <option value="若比邻搜索">若比邻搜索</option> <option value="中经搜索">中经搜索</option> <option value="视讯中文搜索">视讯中文搜索</option> <option value="----------------">---------------------</option> <option value="哇塞中文网(B5)">哇塞中文网(Big5)</option> <option value="奇摩搜索">奇摩搜索(Big5)</option> <option value="蕃薯藤(B5)">蕃薯藤(Big5)</option> <option value="添达香港搜索器">添达香港搜索器(Big5)</option> <option value="盖世引擎">盖世引擎(Big5)</option> <option value="绿界探索引擎">绿界探索引擎(Big5)</option> <option value="Coo台湾索引">Coo台湾索引(Big5)</option> <option value="UFO搜索">UFO搜索(Big5)</option> <option value="怪兽搜索">怪兽搜索(Big5)</option> <option value="茉莉之窗搜索">茉莉之窗搜索(Big5)</option> <option value="八爪魚搜索机">八爪魚搜索机(Big5)</option> <option value="***英文搜索引擎***">---------------------</option> <option value="英文Yahoo">英文 Yahoo!</option> <option value="英文Locys">英文 Locys</option> <option value="英文Excite">英文 Excite</option> <option value="英文Infoseek">英文 Infoseek</option> <option value="Altavista中英文搜索">Altavista中英文搜索</option> <option value="dejanews">dejanews 讨论组搜索</option> 防止网页被纳入框架 <!--你的页面会被别人的frame引用,含在别人的frame时,会自动弹出--> <SCRIPT LANGUAGE=JAVASCRIPT> <!-- if (top.location !== self.location) { top.location=self.location; } </SCRIPT> 仿软件浮动按钮 <html> <style type="text/css"> <!-- .text { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000 } a:hover { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #000000 ;text-decoration : none } .normal {background-color:#ccccc; } .over {background-color:#cccccc; border-top: 1px #ffffff solid; border-left: 1px #ffffff solid; border-right: 1px #999999 solid; border-bottom: 1px #999999 solid } .down {background-color:#cccccc; border-top: 1px #999999 solid; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid } .link {text-decoration: none; color:#000000; font-family: 宋体} --> </style> </head> <body bgcolor="#cccccc" text="#000000"> <table width="80" border="0" cellpadding="0" cellspacing="0" height="30"> <tr> <td class=normal οnmοuseοver='this.className="over"' οnmοusedοwn='this.className="down"' οnmοuseup='this.className="over"' οnmοuseοut='this.className="normal"' > <div align="center" > <a style="cursor: default" href="../index.htm" target="_blank">测试按钮</a> </div> </td> </tr> </table> </html> 记住访问者的来访次数 <script language="JavaScript"> <!-- var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "") if (!caution || (name + "=" + escape(value)).length <= 4000) document.cookie = curCookie else if (confirm("Cookie exceeds 4KB and will be cut!")) document.cookie = curCookie } function getCookie(name) { var prefix = name + "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) } var now = new Date() fixDate(now) now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000) var visits = getCookie("counter") if (!visits) visits = 1 else visits = parseInt(visits) + 1 setCookie("counter", visits, now) document.write("欢迎您第 " + visits + " 次来到本站点") // --> </script> 检测访问者的操作系统 <SCRIPT> agent = navigator.userAgent; if (agent.lastIndexOf("Win95")) { document.write(' Windows 95/98/ME'); } else if (agent.lastIndexOf("Win16")) { document.write(' Windows 3.2'); } else if (agent.lastIndexOf("Mac")) { document.write(' Macintosh'); } else if (agent.lastIndexOf("Unix")) { document.write(' Unix'); } else if (agent.lastIndexOf("Linux")) { document.write(' Linux'); } </script> 将站点设为浏览器主页 <a href=# >将本站设为首页</a> 进入页面弹出欢迎信息 <body onLoad= alert("您好,欢迎您访问本站!")> 离开时告诉你停留时间 <!--请复制后直接粘贴到HTML源码中--> <script language="JavaScript"> <!-- Begin pageOpen = new Date(); function bye() { pageClose = new Date(); minutes = (pageClose.getMinutes() - pageOpen.getMinutes()); seconds = (pageClose.getSeconds() - pageOpen.getSeconds()); time = (seconds + (minutes * 60)); if (time == 1) { time = (time + "秒"); } else { time = (time + "秒"); } alert('您在本页停留了' + time + '.谢谢!!'); } // End --> </script> <body onUnload="bye()"> 离开页面时告别信息框 <body onUnload= alert("再见,欢迎您再次光临!")> 认网页闪电一样的闪烁 <script LANGUAGE="JavaScript"> function blinkOn(){ theWin.document.bgColor = "000000" nTimes++ JSCTimeOutID = window.setTimeout("blinkOff()",50); } function blinkOff(){ theWin.document.bgColor = "FFFFFF" if (nTimes < 3) JSCTimeOutID = window.setTimeout("blinkOn()",50); else theWin.history.go(0) } function blinkit(aWin) { nTimes = 0 theWin = aWin JSCTimeOutID = window.setTimeout("blinkOn()",50); } </script> <!--拷贝下面的代码到你的html文件的<body>和</body>之间--> <form> <div align="center"><center><p><input TYPE="BUTTON" VALUE="闪烁" > </p> </center></div> </form> 文本向上循环滚动 <table border="1" bordercolor="#000000" bgcolor="#6699ff" cellpadding="5" cellspacing="0"> <tr> <td> <script language=javascript> document.write ("<marquee scrollamount='1' scrolldelay='30' direction= 'UP' width='200' id='helpor_net' height='150' Author:redriver; For more,visit:lovehy.126.com>") document.write ("<h2><p align='center'><font color='#ffffff' face='黑体'>偶 然</font></h2>") document.write ("<p align='right'><a href='http://lovehy.126.com' target='_blank'><font color='#ffffff'>徐 志摩</font></a> ") document.write ("<p><font color='#ffffff'> ") document.write ("<br>我是天空里的一片云,") document.write ("<br>偶尔投影在你的波心—— ") document.write ("<br>你不必讶异, ") document.write ("<br>更无须欢喜—— ") document.write ("<br>在转瞬间消灭了踪影。") document.write ("<br>") document.write ("<br>你我相逢在黑暗的海上,") document.write ("<br>你有你的,我有我的,方向;") document.write ("<br>你记得也好, ") document.write ("<br>最好你忘掉, ") document.write ("<br>在这交会时互放的光亮! ") document.write ("</font>") document.write ("</marquee> ") </script> </td> </tr> </table> 文字从页面顶部掉下来 <p lovehy_126_com="dropWord" style="position: relative !important; left: 10000 !important" align="center"><font size="3" color="#ee00FF">很 好 玩 吧 ! 有 没 有 吓 一 跳 ?</font><font size="7" face="Arial" color="#FF0000"><b>YES!</b></font></p> <SCRIPT language="JavaScript"> <!-- dynamicanimAttr = "lovehy_126_com" animateElements = new Array() currentElement = 0 speed = 0 stepsZoom = 8 stepsWord = 8 stepsFly = 12 stepsSpiral = 16 steps = stepsZoom step = 0 outString = "" function helpor_net() { var ms = navigator.appVersion.indexOf("MSIE") ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4) if(!ie4) { if((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0, 1)) >= 4)) { for (index=document.layers.length-1; index >= 0; index--) { layer=document.layers[index] if (layer.left==10000) layer.left=0 } } return } for (index=document.all.length-1; index >= document.body.sourceIndex; index--) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if(null != animation) { if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") { ih = el.innerHTML outString = "" i1 = 0 iend = ih.length while(true) { i2 = startWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, false, "") if(i2 == iend) break i1 = i2 i2 = endWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, true, animation) if(i2 == iend) break i1 = i2 } document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } if(animation == "zoomIn" || animation == "zoomOut") { ih = el.innerHTML outString = "<SPAN " + dynamicanimAttr + "=/"" + animation + "/" style=/"position: relative; left: 10000;/">" outString += ih outString += "</SPAN>" document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } } } i = 0 for (index=document.body.sourceIndex; index < document.all.length; index++) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if (null != animation) { if(animation == "flyLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } else if(animation == "flyRight") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = 0 } else if(animation == "flyTop" || animation == "dropWord") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottom") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyTopLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyTopRight" || animation == "flyTopRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottomLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyBottomRight" || animation == "flyBottomRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "spiral") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "zoomIn") { el.style.posLeft = 10000 el.style.posTop = 0 } else if(animation == "zoomOut") { el.style.posLeft = 10000 el.style.posTop = 0 } else { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } el.initLeft = el.style.posLeft el.initTop = el.style.posTop animateElements[i++] = el } } window.setTimeout("animate();", speed) } function offsetLeft(el) { x = el.offsetLeft for (e = el.offsetParent; e; e = e.offsetParent) x += e.offsetLeft; return x } function offsetTop(el) { y = el.offsetTop for (e = el.offsetParent; e; e = e.offsetParent) y += e.offsetTop; return y } function startWord(ih, i) { for(tag = false; i < ih.length; i++) { c = ih.charAt(i) if(c == '<') tag = true if(!tag) return i if(c == '>') tag = false } return -1 } function endWord(ih, i) { nonSpace = false space = false while(i < ih.length) { c = ih.charAt(i) if(c != ' ') nonSpace = true if(nonSpace && c == ' ') space = true if(c == '<') return i if(space && c != ' ') return i i++ } return -1 } function outWord(ih, i1, i2, dyn, anim) { if(dyn) outString += "<SPAN " + dynamicanimAttr + "=/"" + anim + "/" style=/"position: relative; left: 10000;/">" outString += ih.substring(i1, i2) if(dyn) outString += "</SPAN>" } function animate() { el = animateElements[currentElement] animation = el.getAttribute(dynamicanimAttr, false) step++ if(animation == "spiral") { steps = stepsSpiral v = step/steps rf = 1.0 - v t = v * 2.0*Math.PI rx = Math.max(Math.abs(el.initLeft), 200) ry = Math.max(Math.abs(el.initTop), 200) el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx) el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry) } else if(animation == "zoomIn") { steps = stepsZoom el.style.fontSize = Math.ceil(50+50*step/steps) + "%" el.style.posLeft = 0 } else if(animation == "zoomOut") { steps = stepsZoom el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%" el.style.posLeft = 0 } else { steps = stepsFly if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") steps = stepsWord dl = el.initLeft / steps dt = el.initTop / steps el.style.posLeft = el.style.posLeft - dl el.style.posTop = el.style.posTop - dt } if (step >= steps) { el.style.posLeft = 0 el.style.posTop = 0 currentElement++ step = 0 } if(currentElement < animateElements.length) window.setTimeout("animate();", speed) } helpor_net() //--> </SCRIPT> /* * 返回当前年月日和星期 */ function holedate(){ var d,s = ""; var day = new Array(); day[0] = "星期日"; day[1] = "星期一"; day[2] = "星期二"; day[3] = "星期三"; day[4] = "星期四"; day[5] = "星期五"; day[6] = "星期六"; var d = new Date(); s += d.getYear() + "-"; s += (d.getMonth() + 1) + "-"; s += d.getDate() + " "; s += day[d.getDay()] return s; } /* * 全选或者全取消CHECKBOX * ename为全选CHECKBOX的name * flag为状态,真(1/true)为全选,假(0/flase)为全取消 */ function selectall(ename, flag){ d = document.all[ename];//被选对象 n = document.getElementsByName(ename).length; if(n > 0) if(flag){//真为全选,假为全取消 if(n > 1) for(i = 0; i < n; i++){ d[i].checked = true; } else d.checked = true; }else { if(n > 1) for(i = 0; i < n; i++){ d[i].checked = false; } else d.checked = false; } } /* * 检测日期中的月和日的正确性 * 日期格式如:2004-05-04 */ function datecheck(val){ var mydate = val.split("-"); var year = mydate[0]%4;//取得是否为润年 var month = mydate[1];//取得日期中的月份 var day = mydate[2];//取得日期中的日 if(month>12 || month == 0 || day == 0) {return false;} if(month==4||month==6||month==9||month==11){ if(day>30) return false; else return true; } else if(month==2) { if(year==0&&day>29) //润月天数 return false; else if(year!=0&&day>28) return false; else return true; } else{ if(day>31) return false; else return true; } } /* * 功能:表单内容格式检测 * 参数 obj 为表单名称(ID) * chktype 为类型,参照函数内释 */ function chk(obj, chktype){ switch(chktype){ case 1://判断是否为空 if(obj.value == ""){ alert("请输入必要的字符。"); obj.focus(); obj.onselect(); } break; case 2://判断是否为数字 var reg = /^/d+(/./d+)?$/; if(!reg.test(obj.value)){ alert("请输入数字。"); obj.focus(); obj.select(); } break; case 3://判断是否为用户名格式 var reg = /^[^/d/-_][/w/-]*[^/-_]$/; if(!reg.test(obj.value)){ alert("请输入正确的格式。"); obj.focus(); obj.select(); } break; case 4://判断是否为汉字 var reg = /^[/u4E00-/u9FA5]*$/; if(!reg.test(obj.value)){ alert("你输入的不全是汉字。"); obj.focus(); obj.select(); } break; case 5://判断是否为邮箱格式 var reg = /^[^/d/-_][/w/-]*[^/-_]@[^/-][a-zA-Z/d/-]*[^/-](/.[^/-][a-zA-Z/d/-]*[^/-])*/.[a-zA-Z]{3}(/.[a-zA-Z]{2})?$/; if(!reg.test(obj.value)){ alert("你输入正确的邮箱格式。"); obj.focus(); obj.select(); } break; case 6://判断是否为合法日期格式 var reg = /^(19|20)/d/d/-(0|1)/d/-(0|1|2|3)/d$/; if(!reg.test(obj.value)){ alert("你输入正确的日期格式。"); obj.focus(); obj.select(); } break; } } |