javascript的操作流程.doc

文本飞舞特效第一步：把如下代码加入到区域中20)textsize=6elseif(textsize20)textsize=5elseif(textsize14)textsize=4elseif(textsize10)textsize=3elseif(textsize8)textsize=2elseif(textsize=7)textsize=1varii=0for(i=0;i=path.length-1;i=i+2)pathxii=pathiii+ii=0varpathy=newArray()for(i=1;i=path.length-1;i=i+2)pathyii=pathiii+varxpos=newArray()for(i=0;i=maxtextlength;i+)xposi=5000varypos=newArray()for(i=0;i=maxtextlength;i+)yposi=5000functionmakesnake()if(i_path=1;i-)xposi=xposi-1yposi=yposi-1xpos0=pathxi_pathypos0=pathyi_pathif(document.all)for(i=0;imessage.length-1;i+)varthisspan=eval(document.all.span+(i)+.style)thisspan.posLeft=xposithisspan.posTop=yposiif(document.layers)for(i=0;imessage.length-1;i+)varthisspan=eval(document.span+i)thisspan.left=xposithisspan.top=yposii_path+timer=setTimeout(makesnake(),20)elseclearTimeout(timer)endposition()functionendposition()if(document.all)for(i=0;imessage.length-1;i+)varthisspan=eval(document.all.span+(i)+.style)thisspan.posLeft=tickerleft+finalxposthisspan.posTop=tickertopfinalxpos+=letterspaceif(document.layers)for(i=0;imessage.length-1;i+)varthisspan=eval(document.span+i)thisspan.left=tickerleft+finalxposthisspan.top=tickertopfinalxpos+=letterspacetimer=setTimeout(clearmessage(),stoptimemilli)functionclearmessage()finalxpos=tickertopi_path=0for(i=0;i=maxtextlength;i+)xposi=5000if(document.all)for(i=0;i=maxtextlength;i+)varthisspan=eval(document.all.span+i)thisspan.innerHTML=varthisspan=eval(document.all.span+(i)+.style)thisspan.posLeft=xposi=5000if(document.layers)for(i=0;i=maxtextlength;i+)varthisspan=eval(document.span+i+.document)thisspan.write()thisspan.clear()thisspan=eval(document.span+i)thisspan.left=5000timer=setTimeout(changemessage(),2000)functionchangemessage()varmessa=mesi_mesmessage=messa.split()if(document.all)for(i=0;i=message.length-1;i+)varthisspan=eval(document.all.span+i)thisspan.innerHTML=+messagei+if(document.layers)for(i=0;imessage.length-1;i+)varthisspan=eval(document.span+i+.document)thisspan.write(+messagei+)thisspan.clear()i_mes+if(i_mes=mes.length)i_mes=0finalxpos=tickertopi_path=0timer=setTimeout(makesnake(),1000)/-EndofJavaScript-.spanstyleLEFT:5000px;POSITION:absolute;VISIBILITY:visible!-BeginningofJavaScript-for(i=0;i=maxtextlength;i+)document.write()document.write(message)document.write()/-EndofJavaScript-第二步：把“onload=changemessage()”加在标记里例如：多级滚动菜单(cool)第一步：把如下代码加入到区域中body,td,afont-size:9pt;color:black;text-decoration:none.normalpadding:2px.uppadding:1px;border:#9999991pxsolid;background:#cccccc.downpadding:1px;border:dbdbdb1pxsolid;background:dbdbdb.menuvfilter:revealTrans(transition=23,duration=0.5);padding:2px第二步：把如下代码加入到区域中/闪烁的表格边框functionflashit()if(!document.all)return;if(td123.style.borderColor=black)td123.style.borderColor=#999999;elsetd123.style.borderColor=blacksetInterval(flashit(),500)/渐入的效果,改变alpha值functionhigh(image)theobject=image,highlighting=setInterval(highlightit(theobject),100)functionlow(image)clearInterval(highlighting),image.filters.alpha.opacity=50functionhighlightit(cur2)if(cur2.filters.alpha.opacity100)cur2.filters.alpha.opacity+=20;elseif(window.highlighting)clearInterval(highlighting)/拖动层的jsvarover=false,down=false,divleft,divtop;functionmove()if(down)plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop;/滑动层functionbodyload()if(plane.style.pixelTop!=0)plane.style.pixelTop-=10setTimeout(bodyload(),1)/渐变显示层functionShow(divid)divid.filters.revealTrans.apply();divid.style.visibility=visible;divid.filters.revealTrans.play();functionHide(divid)divid.filters.revealTrans.apply();divid.style.visibility=hidden;divid.filters.revealTrans.play();多级滑动菜单有下级菜单有下级菜单无下级菜单无下级菜单子菜单子菜单子菜单子菜单子菜单子菜单子菜单子菜单第三步：把“onmousemove=move()onload=bodyload()”加在标记里例如：随鼠标栏拉动的滚动下拉菜单脚本说明：第一步:把如下代码加入区域中:#floaterposition:absolute;left:500;top:146;width:125;visibility:visible;z-index:10afont-family:宋体;text-decoration:none;text-transform:nonea:hovercolor:#333300;text-decoration:underlinetablefont-size:9pt.未命名1line-height:14pt第二步:把如下代码加入区域中:imgsrc= /logo.gifalt=细溪驿站border=0align=leftwidth=80height=30& gt;回主页论坛特效其他类别在状态栏字符发散、集合的效果第一步：把如下代码加入到区域中!-Hidethisscriptfromoldbrowsers-varspeed=10varpause=1500vartimerID=nullvarbannerRunning=falsevarar=newArray()ar0=欢迎来到！ar1=欢迎光临细溪驿站ar2=请多提意见，谢谢!varmessage=0varstate=clearState()functionstopBanner()if(bannerRunning)clearTimeout(timerID)bannerRunning=falsefunctionstartBanner()stopBanner()showBanner()functionclearState()state=for(vari=0;iarmessage.length;+i)state+=0functionshowBanner()if(getString()message+if(ar.length=message)message=0clearState()timerID=setTimeout(showBanner(),pause)bannerRunning=trueelsevarstr=for(varj=0;jstate.length;+j)str+=(state.charAt(j)=1)?armessage.charAt(j):window.status=strtimerID=setTimeout(showBanner(),speed)bannerRunning=truefunctiongetString()varfull=truefor(varj=0;j第二步：把“onLoad=startBanner()”加在标记里例如：bodyonLoad=startBanner()定制当前窗口的宽和高要完成此效果把如下代码加入到区域中0&intheight 0)window.resizeTo(intwidth,intheight);elsealert(Pleasespecifyawidthandheight.); 定制窗口比较COOL的滤镜效果varisNav,isIEvaroffsetX,offsetYvarselectedObjvardragimg_width=132vardragimg_height=100vardragimg_startx=270vardragimg_starty=185varclipLeft=dragimg_startxvarclipTop=dragimg_startyvarclipRight=clipLeft+dragimg_widthvarclipBottom=clipTop+dragimg_heightif(parseInt(navigator.appVersion)=4)if(navigator.appName=Netscape)isNav=trueelseisIE=truefunctionsetZIndex(obj,zOrder)obj.zIndex=zOrderfunctionshiftTo(obj,x,y)if(isNav)obj.moveTo(x,y)document.bgimage.clip.top=ydocument.bgimage.clip.left=xdocument.bgimage.clip.bottom=y+dragimg_heightdocument.bgimage.clip.right=x+dragimg_widthelseclipTop=yclipLeft=xclipBottom=y+dragimg_heightclipRight=x+dragimg_widthdocument.all.bgimage.style.clip=rect(+clipT