《常用JS特效》word版.doc

些很实用且必用的小脚本代码:脚本1:进入主页以后自动播放声音以下代码片段：脚本2:进入主页后自动最大话,省的去在自己单击了以下代码片段： self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) 脚本3:显示现在时间的脚本以下代码片段：document.write now脚本4:显示最后修改时间的脚本以下代码片段：document.write(document.lastModified)脚本5:设为首页,加为收藏，加入频道,启动outlook发信以下代码片段：设为首页以下代码片段：加入收藏以下代码片段：加入频道以下代码片段：与我联系脚本6:状态栏动态显示现在时间以下代码片段： function see() window.setTimeout(see(),1000); today = new Date(); self.status = today.toString(); 脚本7:关闭窗口的脚本以下代码片段：关闭窗口脚本8:按下F12键,直接返回首页以下代码片段：function look() if(event.keyCode=123)document.location.href=0/kayvin/ if(document.onkeydown=null) document.onkeydown=look 脚本9:后退,刷新,前进以下代码片段： 脚本10:设定时间弹出窗口,4000=4秒,当然你可以自定义以下代码片段：function l() window.open( 0/kayvin/ ,name,width=500,height=150,border=0) setTimeout(l(),4000) 以下代码片段：二 鼠标旁边的提示信息,类似与163登录后的页面提示效果以下代码片段：tip /*默认设置定义.* tPopWait=50;/停留tWait豪秒后显示提示。 tPopShow=5000;/显示tShow豪秒后关闭提示 showPopStep=20; popOpacity=99; /*内部变量定义* sPop=null; curShow=null; tFadeOut=null; tFadeIn=null; tFadeWaiting=null; document.write(); document.write(.cPopText background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0); document.write(); document.write(); function showPopupText() var o=event.srcElement; MouseX=event.x; MouseY=event.y; if(o.alt!=null & o.alt!=)o.dypop=o.alt;o.alt=; if(o.title!=null & o.title!=)o.dypop=o.title;o.title=; if(o.dypop!=sPop) sPop=o.dypop; clearTimeout(curShow); clearTimeout(tFadeOut); clearTimeout(tFadeIn); clearTimeout(tFadeWaiting); if(sPop=null | sPop=) dypopLayer.innerHTML=; dypopLayer.style.filter=Alpha(); dypopLayer.filters.Alpha.opacity=0; else if(o.dyclass!=null) popStyle=o.dyclass else popStyle=cPopText; curShow=setTimeout(showIt(),tPopWait); function showIt() dypopLayer.className=popStyle; dypopLayer.innerHTML=sPop; popWidth=dypopLayer.clientWidth; popHeight=dypopLayer.clientHeight; if(MouseX+12+popWidthdocument.body.clientWidth) popLeftAdjust=-popWidth-24 else popLeftAdjust=0; if(MouseY+12+popHeightdocument.body.clientHeight) popTopAdjust=-popHeight-24 else popTopAdjust=0; dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust; dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust; dypopLayer.style.filter=Alpha(Opacity=0); fadeOut(); function fadeOut() if(dypopLayer.filters.Alpha.opacity0) dypopLayer.filters.Alpha.opacity-=1; tFadeIn=setTimeout(fadeIn(),1); document.onmouseover=showPopupText; 以下代码片段：三 如果文字过长,则将过长的部分变成省略号显示以下代码片段： 就是比如有一行文字，很长，表格内一行显示不下. 四 滚动的图片效果以下代码片段：imgArr=new Array()imgArr0=imgArr1=imgArr2=imgArr3=imgArr4=var moveStep=4 /步长，单位：pixelvar moveRelax=100 /移动时间间隔，单位：msns4=(document.layers)?true:falsevar displayImgAmount=4 /视区窗口可显示个数var divWidth=220 /每块图片占位宽var divHeight=145 /每块图片占位高var startDnum=0var nextDnum=startDnum+displayImgAmountvar timeIDvar outHover=falsevar startDivClipLeftvar nextDivClipRightfunction initDivPlace() if (ns4) for (i=0;idisplayImgAmount;i+) eval(document.divOuter.document.divAds+i+.left=+divWidth*i) for (i=displayImgAmount;iimgArr.length;i+) eval(document.divOuter.document.divAds+i+.left=+divWidth*displayImgAmount) else for (i=0;idisplayImgAmount;i+) eval(document.all.divAds+i+.style.left=+divWidth*i) for (i=displayImgAmount;iimgArr.length;i+) eval(document.all.divAds+i+.style.left=+divWidth*displayImgAmount) function mvStart() timeID=setTimeout(moveLeftDiv,moveRelax)function mvStop() clearTimeout(timeID)function moveLeftDiv() if (ns4) for (i=0;idivWidth) eval(document.divOuter.document.divAds+nextDnum+.clip.right=+divWidth) eval(document.divOuter.document.divAds+startDnum+.left=+divWidth*displayImgAmount) eval(document.divOuter.document.divAds+parseInt(nextDnum+1)%imgArr.length)+.left=document.divOuter.document.divAds+nextDnum+.left+divWidth) eval(document.divOuter.document.divAds+parseInt(nextDnum+1)%imgArr.length)+.clip.left=0) startDnum=(+startDnum)%imgArr.length nextDnum=(startDnum+displayImgAmount)%imgArr.length startDivClipLeft=moveStep-(divWidth-startDivClipLeft) nextDivClipRight=moveStep-(divWidth-nextDivClipRight) else eval(document.divOuter.document.divAds+nextDnum+.clip.left=0) startDivClipLeft+=moveStep nextDivClipRight+=moveStep eval(document.divOuter.document.divAds+startDnum+.clip.left=+startDivClipLeft) eval(document.divOuter.document.divAds+nextDnum+.clip.right=+nextDivClipRight) else for (i=0;idivWidth) eval(document.all.divAds+nextDnum+.style.clip=rect(0,+divWidth+,+divHeight+,0+) eval(document.all.divAds+startDnum+.style.left=+divWidth*displayImgAmount) eval(document.all.divAds+parseInt(nextDnum+1)%imgArr.length)+.style.left=document.all.divAds+nextDnum+.style.pixelLeft+divWidth) startDnum=(+startDnum)%imgArr.length nextDnum=(startDnum+displayImgAmount)%imgArr.length startDivClipLeft=moveStep-(divWidth-startDivClipLeft) nextDivClipRight=moveStep-(divWidth-nextDivClipRight) else startDivClipLeft+=moveStep nextDivClipRight+=moveStep eval(document.all.divAds+startDnum+.style.clip=rect(0,+divWidth+,+divHeight+,+startDivClipLeft+) eval(document.all.divAds+nextDnum+.style.clip=rect(0,+nextDivClipRight+,+divHeight+,0) if (outHover) mvStop() else mvStart() function writeDivs() if (ns4) document.write() for (i=0;iimgArr.length;i+) document.write() document.write(imgArri+ ) document.write() document.write() document.close() for (i=displayImgAmount;iimgArr.length;i+) eval(document.divOuter.document.divAds+i+.clip.right=0) else document.write() for (i=0;iimgArr.length;i+) document.write() document.write(imgArri+ ) document.write() document.write() for (i=displayImgAmount;iimgArr.length;i+) eval(document.all.divAds+i+.style.clip=rect(0,0,+divHeight+,0) writeDivs();initDivPlace();五 接收键盘指令的脚本以下代码片段：onkeydown=javascript:onenter();function onenter()if(event.keyCode=13)alert(回车); 六 让你的文本链接渐隐渐显以下代码片段： New Document startColor = #671700; / 定义链接颜色endColor = #D8D1C5;/ 定义要渐变到最后的颜色stepIn = 17; stepOut = 23; /*定义是否让所有的文本链接自动渐变，true为是，false为否*/autoFade = true;/*在这里定义css样式里的类class：fade，如果为true，那么你要将要渐变的链接上加上此fade样式*/sloppyClass = false; hexa = new makearray(16);for(var i = 0; i 10; i+) hexai = i;hexa10=a; hexa11=b; hexa12=c;hexa13=d; hexa14=e; hexa15=f;document.onmouseover = domouseover;document.onmouseout = domouseout;startColor = dehexize(startColor.toLowerCase();endColor = dehexize(endColor.toLowerCase();var fadeId = new Array();function dehexize(Color)var colorArr = new makearray(3);for (i=1; i7; i+)for (j=0; j16; j+) if (Color.charAt(i) = hexaj) if (i%2 !=0) colorArrMath.floor(i-1)/2)=eval(j)*16; else colorArrMath.floor(i-1)/2)+=eval(j); return colorArr;function domouseover() if(document.all) var srcElement = event.srcElement; if (srcElement.tagName = A & autoFade) | srcElement.className = fade | (sloppyClass & srcElement.className.indexOf(fade) != -1) fade(startColor,endColor,srcElement.uniqueID,stepIn); function domouseout() if (document.all) var srcElement = event.srcElement; if (srcElement.tagName = A & autoFade) | srcElement.className = fade | (sloppyClass & srcElement.className.indexOf(fade) != -1) fade(endColor,startColor,srcElement.uniqueID,stepOut); function makearray(n) this.length = n; for(var i = 1; i = n; i+) thisi = 0; return this;function hex(i) if (i 255) return ff; else return + hexaMath.floor(i/16) + hexai%16;function setColor(r, g, b, element) var hr = hex(r); var hg = hex(g); var hb = hex(b); element.style.color = #+hr+hg+hb;function fade(s,e, element,step)var sr = s0; var sg = s1; var sb = s2;var er = e0; var eg = e1; var eb = e2;if (fadeId0 != null & fade0 != element)setColor(sr,sg,sb,eval(fadeId0);var i = 1;while(i fadeId.length) clearTimeout(fadeIdi); i+; for(var i = 0; i = step; i+) fadeIdi+1 = setTimeout(setColor(Math.floor( +sr+ *( +step+ - +i+ )/ +step+ ) + +er+ * ( +i+ / + step+ ),Math.floor( +sg+ * ( +step+ - +i+ )/ +step+ ) + +eg+ * ( +i+ / +step+ ),Math.floor( +sb+ * ( +step+ - +i+ )/ +step+ ) + +eb+ * ( +i+ / +step+ ),+element+);,i*step);fadeId0 = element;让你的文本链接渐隐渐显七 类似与QQ的好友/黑名单之类的树型菜单_极品以下代码片段： New Document if (!document.getElementById) document.getElementById = function() return null; function initializeMenu(menuId, actuatorId) var menu = document.getElementById(menuId); var actuator = document.getElementById(actuatorId); if (menu = null | actuator = null) return; /if (window.opera) return; / Im too tired actuator.parentNode.style.backgroundImage = url(/images/plus.gif); actuator.onclick = function() var display = menu.style.display; this.parentNode.style.backgroundImage = (display = block) ? url(/images/plus.gif) : url(/images/minus.gif); menu.style.display = (display = block) ? none : block; return false; window.onload = function() initializeMenu(productsMenu, productsActuator); initializeMenu(newPhonesMenu, newPhonesActuator); initializeMenu(compareMenu, compareActuator); body font-family: verdana, helvetica, arial, sans-serif;#mainMenu background-color: #EEE;border: 1px solid #CCC;color: #000;width: 203px;#menuList margin: 0px;padding: 10px 0px 10px 15px;li.menubar background: url(/images/plus.gif) no-repeat 0em 0.3em;font-size: 12px;line-height: 1.5em;list-style: none outside;.menu, .submenu display: none;margin-left: 15px;padding: 0px;.menu li, .submenu li background: url