网页特效代码.doc

典型特效加入收藏夹设为首页去掉超链接的下划线自动刷新网页刷新本页返回到上一页跳出小窗口自动关闭窗口给页面加保护固定字号大小状态栏例的动态欢迎语保护自己的页面不被别人放在框架中说明 点击即可把你的网站添加到浏览器的收藏菜单下 效果 收藏本站 代码 收藏本站 说明 点击即可把你的网站设置为浏览器的起始页 效果 设为首页 代码 设为首页 说明 有时候看着那超链接的下划线挺讨厌的，把下面这段代码放到网页源代码与之间，下划线就无影无踪啦！ 注意，网页的标签里不能再有link之类的属性，否则本效果会失效！ 效果 试试就知道啦！ 代码 说明 自动刷新网页 在HTML的与之间加入下面这段代码，则在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间，以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。 效果 试试就知道啦！ 代码 说明 点击即可刷新本页。 效果 刷新 代码 刷新 说明 点击即可返回到上一页面。 效果 返回上一页 代码 返回上一页 说明 在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。“window.html”为跳出的小窗口里所要显示的网页。toolbar、status、menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无，resizable设置是否可让浏览者改变小窗口大小，width、height设置小窗口的宽度以及高度。(不过这样的小窗口一般是不受欢迎的哦！) 效果 刷新本页看看 代码 window.open(window.html,www_helpor_net,toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60,left=200,top=50); 说明 在网页源代码中加入下面的代码，则该窗口将在20秒钟之后自动关闭！这与跳出式小窗口配合使用是再好不过啦！代码中“i=20”表示关闭的延迟时间为20秒，可任意修改。 效果 注意看跳出的那个窗口它将在10秒钟之后自动关闭！ 代码 0)setTimeout(clock();,1000);else self.close();var i=20clock();/- 说明 如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&Paste走的话，不妨在HTML里加入下面这段代码。当在网页里按下鼠标右键时，出现的不是想要的快捷菜单而是一个警告窗口。“nn”表示换行。 效果 点点右键试试！ 代码 function helpor_net() if (event.button=2)alert( 仅供浏览!谢谢!nn若有问题请与我联系! ) 说明 你是否有过这样的经历：一个布置得很好的网页，当浏览时把浏览器的字号设置成大或小时，漂亮的网页马上面目全非了。因为字的大小变了，版式自然乱了。现在好了，只要把下面这段代码加入到网页源文件的与之间就行了(对用标签定义的文字无效)。 效果 不信？自己试试：） 代码 说明 浏览器的状态栏里出现一个字接一个字往左跑的欢迎语！ 效果 看看状态栏：） 代码 !-function statusMessageObject(p,d) this.msg = MESSAGEthis.out = this.pos = POSITIONthis.delay = DELAYthis.i = 0this.reset = clearMessagefunction clearMessage() this.pos = POSITIONvar POSITION = 100var DELAY = 5var MESSAGE = 欢迎光临! Welcome to WWW.HELPOR.NET var scroll = new statusMessageObject()function scroller() for (scroll.i = 0; scroll.i = 0)scroll.out += scroll.msgelse scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)window.status = scroll.outscroll.out = scroll.pos-if (scroll.pos -(scroll.msg.length) scroll.reset()setTimeout (scroller(),scroll.delay)function snapIn(jumpSpaces,position) var msg = scroll.msgvar out = for (var i=0; iposition; i+)out += msg.charAt(i)for (i=1;ijumpSpaces;i+)out += out += msg.charAt(position)window.status = outif (jumpSpaces 3)jumpSpaces *= .75elsejumpSpaces-if (position != msg.length) var cmd = snapIn( + jumpSpaces + , + position + );scrollID = window.setTimeout(cmd,scroll.delay); else window.status=jumpSpaces=0position=0cmd = snapIn( + jumpSpaces + , + position + );scrollID = window.setTimeout(cmd,scroll.delay);return falsereturn truesnapIn(100,0);/ - 说明 有些人真是懒得可以，把别人做好的网页往自己网页的框架(Frame)里一放，别人的成果就变成了自己的，而且看不出该网页的真实地址！为了防止你的成果被这些人所剽窃，你就可以在你网页的HTML里加入下面这段代码，这样，你的网页便总是在整个窗口中打开了。 效果 不信？自己做个框架页面试试：） 代码 if(self!=top)top.location=self.location; 按钮特效全屏显示打开一个全屏窗口各种用途的按钮大集合特殊效果的按钮让屏幕抖动一阵说明: 真正的全屏显示,只能用ALT+F4关闭 效果: 全屏显示代码: 说明: 用按钮打开一个全屏窗口 效果: 打开一个全屏窗口代码: 说明: 各种用途的按钮大集合 效果: 查看源代码 返回上一步 刷新按钮一 刷新按钮二 回首页按钮 弹出警告窗 状态栏信息 背景色变换 打开新窗口代码: 说明: 特殊效果的按钮 效果: 代码: 说明: 让屏幕抖动一阵 效果: 代码: 0; i-) for (j = n; j 0; j-) window.top.moveBy(0,i);window.top.moveBy(i,0);window.top.moveBy(0,-i);window.top.moveBy(-i,0);alert( 没吓坏吧! );/ - 页面背景文本向上循环滚动打字机打彩色文字字符慢慢隐现页面自动滚屏效果文字从天而降自选背景色(一）自选背景色（二）百页窗效果舞台光柱照射效果说明: 文本自动向上循环滚动，鼠标放到上面还会暂时停下来。 效果: 偶 然徐志摩 我是天空里的一片云，偶尔投影在你的波心 你不必讶异, 更无须欢喜 在转瞬间消灭了踪影。你我相逢在黑暗的海上，你有你的，我有我的，方向；你记得也好， 最好你忘掉， 在这交会时互放的光亮！ 代码: 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 ( ) 说明: 文本自动向上循环滚动，鼠标放到上面还会暂时停下来。 效果: 欢迎光临“网页特效集锦”.你知道怎样在你的网页中做一个很酷的网页菜单吗?你知道怎样让你的网页背景向上或向下移动吗?你知道怎样在你的主页中任意位置显示一个时钟吗?你知道怎样在主页中做特效文字吗?你知道怎样做一个很cool的日历吗? 代码: !-var layers = document.layers, style = document.all, both = layers | style, idme=908601;if (layers) layerRef = document.layers; styleRef = ; if (style) layerRef = document.all; styleRef = .style; function writeOnText(obj, str) if (layers) with (documentobj) document.open(); document.write(str); document.close(); if (style) eval(obj+.innerHTML= str);/以下是输出的内容，自己修改即可。var dispStr = new Array(欢迎光临“网页特效集锦”.你知道怎样在你的网页中做一个很酷的网页菜单吗?你知道怎样让你的网页背景向上或向下移动吗?你知道怎样在你的主页中任意位置显示一个时钟吗?你知道怎样在主页中做特效文字吗?你知道怎样做一个很cool的日历吗?);var overMe=0;function helpor_net(str, idx, idObj, spObj, clr1, clr2, delay, plysnd) var tmp0 = tmp1 = , skip = 0;if (both & idx = str.length) if (str.charAt(idx) = ) idx+; idx+; if (str.charAt(idx) = & & str.charAt(idx+1) != ) while (str.charAt(idx) != ;) idx+; idx+; tmp0 = str.slice(0,idx);tmp1 = str.charAt(idx+);if (overMe=0 & plysnd=1) if (navigator.plugins0) if (navigator.pluginsLiveAudio0.type=audio/basic & navigator.javaEnabled() document.embeds0.stop();setTimeout(document.embeds0.play(false),100); else if (document.all) ding.Stop();setTimeout(ding.Run(),100);overMe=1; else overMe=0;writeOnText(idObj, +tmp0+tmp1+);setTimeout(helpor_net(+str+, +idx+, +idObj+, +spObj+, +clr1+, +clr2+, +delay+ ,+plysnd+),delay);function www_helpor_net() helpor_net(dispStr0, 0, ttl0, ttl1, #339933, #99FF33, 50, 0);www_helpor_net();/ - 说明: 字符慢慢隐现 效果: 请再次光临 代码: !-var thissize=20var textfont=隶书var textcolor= new Array()textcolor0=000000textcolor1=000000textcolor2=000000textcolor3=111111textcolor4=222222textcolor5=333333textcolor6=444444textcolor7=555555textcolor8=666666textcolor9=777777textcolor10=888888textcolor11=999999textcolor12=aaaaaatextcolor13=bbbbbbtextcolor14=cccccctextcolor15=ddddddtextcolor16=eeeeeetextcolor17=fffffftextcolor18=ffffffvar message = new Array()message0=欢迎光临网页特效集锦message1=多停留一会儿message2=你会有更多的收获message3=请再次光临i_message=0var i_strength=0var i_message=0var timerfunction www_helpor_net() if(document.all) if (i_strength =0) helpor_net.innerText=messagei_messagedocument.all.helpor_net.style.filter=glow(color=+textcolori_strength+, strength=4)i_strength-timer=setTimeout(dewww_helpor_net(),100)else clearTimeout(timer)i_message+if (i_message=message.length) i_message=0i_strength=0intermezzo()function intermezzo() helpor_net.innerText=setTimeout(www_helpor_net(),1000)www_helpor_net();/- 说明: 自动滚屏 效果: 刷新一下看看！ 代码: !-function scrollit()for (I=1; I 说明: 文字从页面顶部掉下来 效果: 刷新一下看看！ 代码: 很 好 玩 吧 ! 有 没 有 吓 一 跳 ?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 = 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)-el.offsetHeightelse if(animation = flyBottomLeft)el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeightelse if(animation = flyBottomRight | animation = flyBottomRightWord)el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeightelse if(animation = spiral)el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeightelse if(animation = zoomIn)el.style.posLeft = 10000el.style.posTop = 0else if(animation = zoomOut)el.style.posLeft = 10000el.style.posTop = 0elseel.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = 0el.initLeft = el.style.posLeftel.initTop = el.style.posTopanimateElementsi+ = elwindow.setTimeout(animate();, speed)function offsetLeft(el)x = el.offsetLeftfor (e = el.offsetParent; e; e = e.offsetParent)x += e.offsetLeft;return xfunction offsetTop(el)y = el.offsetTopfor (e = el.offsetParent; e; e = e.offsetParent)y += e.offsetTop;return yfunction startWord(ih, i)for(tag = false; i ih.length; i+)c = ih.charAt(i)if(c = )tag = falsereturn -1function endWord(ih, i)nonSpace = falsespace = falsewhile(i ih.length)c = ih.charAt(i)if(c != )nonSpace = trueif(nonSpace & c = )space = trueif(c = )return iif(space & c != )return ii+return -1function outWord(ih, i1, i2, dyn, anim)if(dyn)outString += outString += ih.substring(i1, i2)if(dyn)outString += function animate()el = animateElementscurrentElementanimati