网页设计特效代码.doc
塔里木大学信息工程学院计算机12-3陈浩 整理目录1让文字不停地滚动42不同时间段显示不同问候语43让网页随意后退(这是写在BODY里的源码）44随机变换背景图象（一个可以刷新心情的特效）55文字效果向上的效果56鼠标放到链接上就会出现一个说明框，里面有滚动的文字说明67时钟78状态栏的打字效果89统计访问次数910页面中登陆FTP1011图片渐渐显示1212图片大小随鼠标触碰而变化1213页面自动滚屏效果1214文字从天而降1315百页窗效果1916舞台光柱照射效果2117各种用途的按钮大集合2118自动刷新网页2319保护自己的页面不被别人放在框架中2320打字机打彩色文字2321鼠标激活警告框2523彩色滚动条2724跳出小窗口2725很酷的类似鼠标跟随的遮照效果2726在一个Textarea框中,文字逐个输出,而且自动换行和刷屏2827鼠标键值表3028非常实用的随机产生用户密码脚本3029鼠标带图像效果3330一个很好的文字效果6231打把游戏6532超酷文字下落效果7233多格式下拉菜单7734文字的变换导航7935随机文字显示8536链接使图片变换8537banner变换导航8738实用下拉导航条8839不间断滚动的处理9340相同地方滚动新闻9541图片的任意方向移动(窗帘效果）9742很酷的图片集旋转显示9943小巧实用的鼠标时钟10244上下滚动的文字10945怎样去掉图片链接点击后，图片周围的虚线？11046怎样让表单没有凹凸感？11347<div><span>&<layer>的区别？11348让弹出窗口总是在最上面11349.不要滚动条?11450怎样去掉图片链接点击后，图片周围的虚线？11451电子邮件处理提交表单11452在打开的子窗口刷新父窗口的代码里如何写？11453如何设定打开页面的大小11554在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动11555检查一段字符串是否全由数字组成11556. 获得一个窗口的大小11557怎么判断是否是字符11558TEXTAREA自适应文字行数的多少11659. 日期减去天数等于第二个日期11660. 选择了哪一个Radio11661脚本永不出错11762ENTER键可以让光标移到下一个输入框11763. 检测某个网站的链接速度：11764. 各种样式的光标11865页面进入和退出的特效11966在规定时间内跳转12067网页是否被检索12068可移动的页面窗口12069隐藏层的打开关闭12170用鼠标弹出隐藏层12371文字整屏下坠12772可显示隐藏的层12973花絮向右飞舞(有下雪的感觉）13274有点象游戏中的聊天窗口13475模拟下雪景象13876极具创意的小球13977页面闪电效果14678巨酷的东西！15279会自动消失的层15980页面上出现随意舞动的星16181招牌文字特效16482固定的广告牌16883打开页面特效（缩小方块）17384打开页面特效(一)（上下分开）17485打开页面特效(二)（开门特效）17686页面左右象百页窗一样地打开，也非常好看，赶快用吧17887页面象马赛克一样一块一块地慢慢打开，效果非常棒的18088可以用来做首页的诸多特效18489向右移屏19490缩进式的导航条19591获得系统时间20092取得来访用的IP20093获得系统,浏览器版本20194去除IE混动条20195进入网站,跳出广告20196随机数20197向上混动代码20198.自动关闭网页20299.随机背景音乐202100自动刷新本页面202101ACCESS数据库连接203102SQL数据库连接203103用键盘打开网页代码204104让层不被控件复盖代码204105动网FLASH广告代码204106VBS弹出窗口小代码205107使用FSO修改文件特定内容的函数205108使用FSO读取文件内容的函数205109使用FSO读取文件某一行的函数206120使用FSO写文件某一行的函数206121使用FSO添加文件新行的函数207122.读文件最后一行的函数207124点击返回上页代码212125点击刷新代码212126点击刷新代码212127弹出警告框代码213128状态栏信息213129背景色变换213130点击打开新窗口214131分页代码214132name 属性217133http-equiv属性2181让文字不停地滚动<MARQUEE>滚动文字</MARQUEE>2不同时间段显示不同问候语(放在SCRIPT中，然后将多余的SCRIPT情节去除）<Script Language="JavaScript"><!-var text="" day = new Date( ); time = day.getHours( ); if ( time>=0) && (time < 7 )text="夜猫子，要注意身体哦！ "if ( time >= 7 ) && (time < 12)text="今天的阳光真灿烂啊，你那个朋友呢？"if ( time >= 12) && (time < 14)text="午休时间。您要保持睡眠哦！"if ( time >=14) && (time < 18)text="祝您下午工作愉快！ "if (time >= 18) && (time <= 22)text="您又来了，可别和MM聊太久哦！"if (time >= 22) && (time <24)text="您应该休息了！"document.write(text)/-></Script>3让网页随意后退(这是写在BODY里的源码）<a href="javascript:history.go(-X)">X</a> /把X换成你想要后退在页数 /把“-”变成“+”就为前进3鼠标指向时弹出信息框在<body></body>之间加上如下代码：<a href onmouseover="alert('欢迎进入帝国师')">帝国师</a>4随机变换背景图象（一个可以刷新心情的特效）在<head></head>之间加上如下代码：<Script Language="JavaScript">image = new Array(4); /定义image为图片数量的数组image 0 = 'tu0.gif' /背景图象的路径image 1 = 'tu1.gif'image 2 = 'tu2.gif'image 3 = 'tu3.gif'image 4 = 'tu4.gif'number = Math.floor(Math.random() * image.length);document.write("<BODY BACKGROUND="+imagenumber+">");</Script>5文字效果向上的效果<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' onmouseover='helpor_net.stop()' onmouseout='helpor_net.start()' Author:redriver; For more,visit:>")document.write ("<h2><p align='center'><font color='#ffffff' face='黑体'>偶 然</font></h2>")document.write ("<p align='right'><a href='#' 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> 6鼠标放到链接上就会出现一个说明框，里面有滚动的文字说明<a href="可以输入网址" target="_blank" onMouseOver="helpor_net_show(this,event,'看到了吧？')" onMouseOut="helpor_net_hide()">把鼠标放上来试试</a><div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:seashell"><layer name="nstip" width="1000px" bgColor="seashell"></layer></div><SCRIPT language="JavaScript"><!-if (!document.layers&&!document.all)event="test"function helpor_net_show(current,e,text)if (document.all&&document.readyState="complete")document.all.tooltip2.innerHTML='<marquee style="border:1px solid #3399ff">'+text+'</marquee>'document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10document.all.tooltip2.style.visibility="visible"else if (document.layers)document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')document.tooltip2.document.nstip.document.close()document.tooltip2.document.nstip.left=0currentscroll=setInterval("scrolltip()",100)document.tooltip2.left=e.pageX+10document.tooltip2.top=e.pageY+10document.tooltip2.visibility="show"function helpor_net_hide()if (document.all)document.all.tooltip2.style.visibility="hidden"else if (document.layers)clearInterval(currentscroll)document.tooltip2.visibility="hidden"function scrolltip()if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)document.tooltip2.document.nstip.left-=5elsedocument.tooltip2.document.nstip.left=150/-></SCRIPT>7时钟<span id="liveclock" style"=width: 109px; height: 15px"></span><SCRIPT language=javascript>function www_helpor_net()var Digital=new Date()var hours=Digital.getHours()var minutes=Digital.getMinutes()var seconds=Digital.getSeconds()if(minutes<=9)minutes="0"+minutesif(seconds<=9)seconds="0"+secondsmyclock="现在时刻：<font size='5' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>"if(document.layers)document.layers.liveclock.document.write(myclock)document.layers.liveclock.document.close()else if(document.all)liveclock.innerHTML=myclocksetTimeout("www_helpor_net()",1000)www_helpor_net();/-></SCRIPT> 8状态栏的打字效果<script language="JavaScript">var msg = "欢迎来到网页特效世界，请多提意见。谢谢! " ;var interval = 120var spacelen = 120;var space10=" "var seq=0;function Helpor_net() len = msg.length;window.status = msg.substring(0, seq+1);seq+;if ( seq >= len ) seq = 0;window.status = ''window.setTimeout("Helpor_net();", interval );elsewindow.setTimeout("Helpor_net();", interval );Helpor_net();</script>9统计访问次数<SCRIPT language="JavaScript"><!-function www_helpor_net(offset)var endstr=document.cookie.indexOf("",offset);if(endstr=-1)endstr=document.cookie.length;return unescape(document.cookie.substring(offset,endstr);function GetCookie(name)var arg=name+"="var alen=arg.length;var clen=document.cookie.length;var i=0;while(i<clen)var j=i+alen;if(document.cookie.substring(i,j)=arg)return www_helpor_net(j);i=document.cookie.indexOf(" ",i)+1;if(i=0)break;return null;function SetCookie(name,value)var argv=SetCookie.arguments;var argc=SetCookie.arguments.length;var expires=(2<argc)?argv2:null;var path=(3<argc)?argv3:null;var domain=(4<argc)?argv4:null;var secure=(5<argc)?argv5:false;document.cookie=name+"="+escape(value)+(expires=null)?"":(" expires="+expires.toGMTString()+(path=null)?"":(" path="+path)+(domain=null)?"":(" domain="+domain)+(secure=true)?" secure":"");var expdate=new Date();var visits;expdate.setTime(expdate.getTime()+(24*60*60*1000*365); /设置COOKIES时间为1年,自己随便设置该时间if(!(visits=GetCookie("visits")visits=0;visits+;SetCookie("visits",visits,expdate,"/",null,false);/以下信息显示可以使用标准的HTML语法,自己随便设置document.write("你已经光临本页"+"<FONT COLOR=red>"+visits+"</FONT>"+"次！");if(visits=1)/来访1次的信息显示document.write("<br>"+"欢迎光临本站，觉得本站内容如何？");if(visits=2)/来访2次的信息显示，以下类推，自己随便增加document.write("<br>"+"再次光临不胜容幸!今后要常来啊！欢迎点击本站广告。");if(visits=3)document.write("<br>"+"常客，在本站的论坛发个帖子如何？");if(visits=4)document.write("<br>"+"你这个疯子!");if(visits>=5)document.write("<br>"+"疯狂的家伙!我真的非常喜欢你。");/-></SCRIPT>10页面中登陆FTP<script janguage="javascript"><!-function goFtpSite() document.location.href = "ftp:/" + document.ftp.login.value + ":" + document.ftp.password.value + "" + document.ftp.url.value;/-></script> <form name="ftp"> <table border="0" cellpadding="1" cellspacing="1" align="center" width="304"> <tr> <td width="296"> <table border="0" cellspacing=0 cellpadding=5 align="center" width="292"> <tr bgcolor="#b5e1ff"> <td width="75" align="right"> <font face="arial,helvetica" size="-1" color="#008080"> Ftp:/ </font> </td> <td width="193"> <font face="arial,helvetica" size="-1"> <input type="text" size=30 name="url" style="border: 1 solid #0099FF"> </font> </td> </tr> <tr bgcolor="#ddf1ff"> <td align="right" width="75"> <font face="arial,helvetica" size="-1" color="#008080">UserName: </font> </td> <td width="193"> <font face="arial,helvetica" size="-1"> <input type="text" size="15" name="login" maxlength="20" style="border: 1 solid #0099FF"> </font> </td> </tr> <tr bgcolor="#b5e1ff"> <td align="right" width="75"> <font face="arial,helvetica" size="-1" color="#008080"> Password: </font> </td> <td width="193"> <font face="arial,helvetica" size="-1"> <input type="password" size="15" name="password" maxlength="20" style="border: 1 solid #0099FF"> </font></td> </tr> <tr bgcolor="#ddf1ff"> <td colspan="2" align="center" width="280"> <font face="arial,helvetica" size="-2"> <input type=button onclick="goFtpSite();" value="登录" style="background-color: #0099FF; color: #FFFFFF; border: 1 solid #0099FF"> <input type=reset value="重写" style="color: #FFFFFF; background-color: #0099FF; border: 1 solid #0099FF"> </font> </td> </tr> </table> </td> </tr> </table> </form> 11图片渐渐显示<img src=" border="1" id="helpor_net" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);"><SCRIPT FOR="window" EVENT="onLoad" LANGUAGE="vbscript">helpor_net.filters.item(0).apply()helpor_net.filters.item(0).transition = 12helpor_net.Style.visibility = ""helpor_net.filters(0).play(2.0)</SCRIPT> 12图片大小随鼠标触碰而变化<span id="s1" style = "width : 150"><a href="" target="_blank" onmouseover="www_helpor_net.style.width='200'" onmouseout="www_helpor_net.style.width= '150'"><Img src=" id="www_helpor_net"></a></span> 13页面自动滚屏效果<body onLoad="scrollit()"><SCRIPT language="JavaScript"><!-function scrollit()for (I=1; I<=500; I+)self.scroll(1,I)/-></SCRIPT> 14文字从天而降<p www_helpor_net="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 = "www_helpor_net"animateElements = new Array()currentElement = 0speed = 0stepsZoom = 8stepsWord = 8stepsFly = 12stepsSpiral = 16steps = stepsZoomstep = 0outString = ""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.layersindexif (layer.left=10000)layer.left=0returnfor (index=document.all.length-1; index >= document.body.sourceIndex; index-)el = document.allindexanimation = el.getAttribute(dynamicanimAttr, false)if(null != animation)if(animation = "dropWord" | animation = "flyTopRightWord" | animation = "flyBottomRightWord")ih = el.innerHTMLoutString = ""i1 = 0iend = ih.lengthwhile(true)i2 = startWord(ih, i1)if(i2 = -1)i2 = iendoutWord(ih, i1, i2, false, "")if(i2 = iend)breaki1 = i2i2 = endWord(ih, i1)if(i2 = -1)i2 = iendoutWord(ih, i1, i2, true, animation)if(i2 = iend)breaki1 = i2document.allindex.innerHTML = outStringdocument.allindex.style.posLeft = 0document.allindex.setAttribute(dynamicanimAttr, null)if(animation = "zoomIn" | animation = "zoomOut")ih = el.innerHTMLoutString = "<SPAN " + dynamicanimAttr + "="" + animation + "" style="position: relative; left: 10000;">"outString += ihoutString += "</SPAN>"document.allindex.innerHTML = outStringdocument.allindex.style.posLeft = 0document.allindex.setAttribute(dynamicanimAttr, null)i = 0for (index=document.body.sourceIndex; index < document.all.length; index+)el = document.allindexanimation = el.getAttribute(dynamicanimAttr, false)if (null != animation)if(animation = "flyLeft")el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = 0else if(animation = "flyRight")el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidthel.style.posTop = 0else if(animation = "flyTop" | animation = "dropWord")el.style.posLeft = 0el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeightelse if(animation = "flyBottom")el.style.posLeft = 0el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeightelse if(animation = "flyTopLeft")el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeightelse if(animation = "flyTopRight" | animation = "flyTopRightWord")el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el
