网页制作特效源码集锦.doc

单行文字滚动新闻效果 adisplay:block;font-size:15px;line-height:18px;text-decoration:none;color:#333;font-family:Arial;font-size:12px;.shellbackground:url(/images/common/xml.gif) no-repeat 4px 5px;border:1px solid #aaa;width:400px;padding:3px 2px 2px 20px;#div1height:18px;overflow:hidden;请教高手帮我看下这段代码 FLASH显示不了请教在UTF-8编辑下的符号显示问题 jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了技术研究-QQ09版按钮渐显渐隐的由来 javascript读取Json数据并分页显示，支持键盘和滚轮翻页 腾讯网奇怪的PNG文件，拜师以求解惑更新lhgdialog-ver2.0.1弹出窗口组件 2009-7-18 var box=document.getElementById(div1),can=true;box.innerHTML+=box.innerHTML;box.onmouseover=function()can=false;box.onmouseout=function()can=true;new function ()var stop=box.scrollTop%18=0&!can;if(!stop)box.scrollTop=parseInt(box.scrollHeight/2)?box.scrollTop=0:box.scrollTop+;setTimeout(arguments.callee,box.scrollTop%18?10:1500);打字机式字符输出脚本说明:第一步:把如下代码加入区域中!-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(欢迎光临精彩JavaScript世界.你知道怎样在你的网页中做一个很酷的网页菜单吗?你知道怎样让你的网页背景向上或向下移动吗?你知道怎样在你的主页中任意位置显示一个时钟吗?你知道怎样在主页中做特效文字吗?你知道怎样做一个很cool的日历吗?);var overMe=0;function txtTyper(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(txtTyper(+str+, +idx+, +idObj+, +spObj+, +clr1+, +clr2+, +delay+ ,+plysnd+),delay); function init() txtTyper(dispStr0, 0, ttl0, ttl1, #339933, #99FF33, 50, 0);/ -第二步:把如下代码加入区域中第三步:把改为图片渐显效果：图片循环渐显效果，sky整理收集，站长特效网欢迎您。a href=站长特效网,站长必备的高质量网页特效和广告代码。，站长js特效。图形循环渐显脚本下面为脚本显示区var b = 1;var c = true;function fade()if(document.all);if(c = true) b+;/欢迎来到站长特效网，我们的网址是，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。if(b=100) b-;c = falseif(b=10) b+;c = true;if(c = false) b-;u.filters.alpha.opacity=0 + b;setTimeout(fade(),50);/欢迎来到站长特效网，我们的网址是，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。图片过度效果：图像过渡显示特效，sky整理收集，站长特效网欢迎您。a href=站长特效网,站长必备的高质量网页特效和广告代码。，站长js特效。 多姿多彩的图片过渡显示效果 单击一下鼠标看效果 请单击鼠标观察多姿多彩的图片过渡显示效果， 图片渐显播放效果代码：!-1、将下面的代码插入到HEML的之间： -!-/sandra0 = new Image();sandra0.src = /images/logo.gif;sandra1 = new Image();sandra1.src = /images/logo.gif;sandra2 = new Image();sandra2.src = /images/logo.gif;var i_strngth=1var i_image=0var imageurl = new Array()imageurl0 =/images/logo.gifimageurl1 =/images/logo.gifimageurl2 =/images/logo.giffunction showimage() if(document.all) if (i_strngth =110) testimage.innerHTML=;i_strngth=i_strngth+10var timer=setTimeout(showimage(),100)else clearTimeout(timer)var timer=setTimeout(hideimage(),1000)if(document.layers) clearTimeout(timer)document.testimage.document.write()document.close()i_image+if (i_image = imageurl.length) i_image=0var timer=setTimeout(showimage(),2000)function hideimage() if (i_strngth =-10) testimage.innerHTML=;i_strngth=i_strngth-10var timer=setTimeout(hideimage(),100)else clearTimeout(timer)i_image+if (i_image = imageurl.length) i_image=0i_strngth=1var timer=setTimeout(showimage(),500)/-!-2、修改语句为：-!-3、将下面的代码加入到HEML的之间：top:120px;left:240px可以设定显示的位置-网页导航菜单：超级酷的网页导航菜单/* 网页特效 超级酷的网页导航菜单这是把事件动作绑定到菜单上的函数*/function attachXMenu(objid)var tds=objid.getElementsByTagName(td);for(var i=0;itds.length;i+)with(tdsi)onmouseover=function()with(this)filters0.apply();style.background=#3ea936; /这是鼠标移上去时的背景颜色style.border=1px solid #ffffff; /边框style.color=#ffffff; /文字颜色filters0.play();onmouseout=function()with(this)filters0.apply();style.background=#f6f6f6; /这是鼠标离开时的背景颜色style.border=1px solid #ffffff; /边框style.color=#333333; /文字颜色filters0.play();首 页综合特效菜单特效文本操作图形特效图形特效状态栏类时间日期按钮特效attachXMenu(xmenu0); /在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id左侧菜单弹出二级菜单特效代码；flyout-竖向三级弹出菜单/* common styling */.menu font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;.menu ul li a, .menu ul li a:visited display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #aaa; background:#710069; line-height:20px; font-size:11px; overflow:hidden;.menu ul padding:0; margin:0;list-style-type: none; .menu ul li float:left; margin-right:1px; position:relative;.menu ul li ul display: none;/* specific to non IE browsers */.menu ul li:hover a color:#fff; background:#36f;.menu ul li:hover ul display:block; position:absolute; top:0; left:105px; width:105px;.menu ul li:hover ul li a.hide background:#6a3; color:#fff;.menu ul li:hover ul li:hover a.hide background:#6fc; color:#000;.menu ul li:hover ul li ul display: none;.menu ul li:hover ul li a display:block; background:#eee; color:#000;.menu ul li:hover ul li a:hover background:#6fc; color:#000;.menu ul li:hover ul li:hover ul display:block; position:absolute; left:105px; top:0;.menu ul li a.hide, .menu ul li a:visited.hide display:none;.menu ul li a:hover ul li a.hide display:none;.menu ul li a:hover color:#fff; background:#36f;.menu ul li a:hover ul display:block; position:absolute; top:0; left:105px; width:105px;.menu ul li a:hover ul li a.sub background:#6a3; color:#fff;.menu ul li a:hover ul li a display:block; background:#eee; color:#000;.menu ul li a:hover