网页设计特效代码.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&的区别？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让文字不停地滚动滚动文字2不同时间段显示不同问候语(放在SCRIPT中，然后将多余的SCRIPT情节去除）=0) & (time = 7 ) & (time = 12) & (time =14) & (time = 18) & (time = 22) & (time 3让网页随意后退(这是写在BODY里的源码）X /把X换成你想要后退在页数 /把“-”变成“+”就为前进3鼠标指向时弹出信息框在之间加上如下代码：帝国师4随机变换背景图象（一个可以刷新心情的特效）在之间加上如下代码：image = new Array(4); /定义image为图片数量的数组image 0 = tu0.gif /背景图象的路径image 1 = tu1.gifimage 2 = tu2.gifimage 3 = tu3.gifimage 4 = tu4.gifnumber = Math.floor(Math.random() * image.length);document.write();5文字效果向上的效果document.write ()document.write (偶 然)document.write (徐志摩 )document.write ( )document.write (我是天空里的一片云，)document.write (偶尔投影在你的波心- )document.write (你不必讶异, )document.write (更无须欢喜- )document.write (在转瞬间消灭了踪影。)document.write ()document.write (你我相逢在黑暗的海上，)document.write (你有你的，我有我的，方向；)document.write (你记得也好， )document.write (最好你忘掉， )document.write (在这交会时互放的光亮！ )document.write ()document.write ( )6鼠标放到链接上就会出现一个说明框，里面有滚动的文字说明把鼠标放上来试试!-if (!document.layers&!document.all)event=testfunction helpor_net_show(current,e,text)if (document.all&document.readyState=complete)document.all.tooltip2.innerHTML=+text+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=visibleelse if (document.layers)document.tooltip2.document.nstip.document.write(+text+)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=showfunction helpor_net_hide()if (document.all)document.all.tooltip2.style.visibility=hiddenelse if (document.layers)clearInterval(currentscroll)document.tooltip2.visibility=hiddenfunction scrolltip()if (document.tooltip2.document.nstip.left=-document.tooltip2.document.nstip.document.width)document.tooltip2.document.nstip.left-=5elsedocument.tooltip2.document.nstip.left=150/-7时钟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=现在时刻：+hours+:+minutes+:+seconds+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();/-8状态栏的打字效果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();9统计访问次数!-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(iclen)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=(2argc)?argv2:null;var path=(3argc)?argv3:null;var domain=(4argc)?argv4:null;var secure=(5argc)?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(你已经光临本页+visits+次！);if(visits=1)/来访1次的信息显示document.write(+欢迎光临本站，觉得本站内容如何？);if(visits=2)/来访2次的信息显示，以下类推，自己随便增加document.write(+再次光临不胜容幸!今后要常来啊！欢迎点击本站广告。);if(visits=3)document.write(+常客，在本站的论坛发个帖子如何？);if(visits=4)document.write(+你这个疯子!);if(visits=5)document.write(+疯狂的家伙!我真的非常喜欢你。);/-10页面中登陆FTP Ftp:/ UserName: Password: 11图片渐渐显示helpor_net.filters.item(0).apply()helpor_net.filters.item(0).transition = 12helpor_net.Style.visibility = helpor_net.filters(0).play(2.0)12图片大小随鼠标触碰而变化13页面自动滚屏效果!-function scrollit()for (I=1; I14文字从天而降很 好 玩 吧 ! 有 没 有 吓 一 跳 ?YES!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 = outString += ihoutString += 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