网页特效代码集合+实例

文本框走动跑马灯SCRIPTLanguage=JavaScriptvarmsg=欢迎访问网页特效代码=100;varspace10=;varseq=0;functionScroll(){document.tmForm.tmText.value=msg.substring(seq,msg.length)+space10+msg.substring(0,msg.length);seq++;seq++;if(seqmsg.length){seq=0};window.setTimeout(Scroll();,interval);}/SCRIPTBODYOnLoad=Scroll();CENTERFORMName=tmFormINPUTType=TextName=tmTextSize=45/FORM/CENTER本代码由ahref=网页特效网/a提供滚动文字本代码由ahref=网页特效网/a提供htmlheadtitle滚动文字-qpsh.com/title/headbodypalign=centerSCRIPTvartemp_i=1functionflash_sms(){for(i=1;i=9;i++){if(i==temp_i)temp_str=red;elsetemp_str=green;eval(a+i+.style.color='+temp_str+';);}temp_i++;if(temp_i9)temp_i=1;}setInterval(flash_sms(),200);/SCRIPTspanid=a1■/spanspanid=a2■/spanspanid=a3■/spanspanid=a4■/spanspanid=a5■/spanspanid=a6■/spanspanid=a7■/spanspanid=a8■/spanspanid=a9■/span/body本代码由ahref=网页特效网/a提供水形文字本代码由ahref=网页特效网/a提供HTMLHEADTITLE水形文字/TITLESTYLEDIV{width:609;font-size:40pt;font-family:Tahoma;font-weight:bold;}/STYLESCRIPTLANGUAGE=JavaScriptvarcount=0;varthePhase=0;varaniOn=0;vartheStrength=0;varmaxCount=40;varmaxStrength=100;vartheCount=0;varcolorList=newArray(red,blue,green);varoDiv=null;varoQueue=newArray();functiondoStart(obj){oDiv=obj;oQueue.push(Welcometo51js!);oQueue.push(HelloFriends!);oQueue.push(Iloveyou);if(obj==null)return;if(!oQueue.length)return;oDiv.innerHTML=oQueue.shift();varctrlRng=document.body.createControlRange()ctrlRng.add(oDiv)ctrlRng.select();ctrlRng.execCommand(SelectAll)theCount=0;doFilt();}functiongetStrength(pos){varret=0if(posmaxCount){ret=maxStrength*pos*pos/(maxCount*maxCount);}elseif(pos==maxCount){strNext=oQueue.shift()oDiv.innerHTML=strNext;rndNum=Math.floor(Math.random()*3)oDiv.style.filter+=glow(color=+colorList[rndNum]+,strength=5)ret=maxStrength;}elseif(pos2*maxCount){pos=2*maxCount-pos;ret=maxStrength*pos*pos/(maxCount*maxCount);}elseret=0;ret=Math.ceil(ret)returnret;}functionanitext(){thePhase=(thePhase+10)oDiv.filters[0].phase=thePhasetheStrength=getStrength(++theCount);window.status=theStrengthif(theStrength==0)theCount=0;if(oQueue.length0||theStrength0){oDiv.filters[0].strength=theStrength;oTO=window.setTimeout(anitext(),0200,JavaScript)}}functiondoFilt(){oDiv.style.filter=wave(add=0,freq=3,lightstrength=50,phase=0,strength=2,enabled=1);rndNum=Math.floor(Math.random()*3)oDiv.style.filter+=glow(color=+colorList[rndNum]+,strength=5)anitext()}functionremoveFilt(){window.clearTimeout(oTO)oDiv.style.filter=}functionarrPush(item){this[this.length]=item;}functionarrShift(){varitem=this[0];varnLen=this.length;for(vari=0;inLen-1;i++)this[i]=this[i+1];this.length--;returnitem;}Array.prototype.push=arrPush;Array.prototype.shift=arrShift;/SCRIPT/HEADBODYonload=doStart(MyDiv)DIVID=MyDivalign=center/DIV/BODY/HTML本代码由ahref=网页特效网/a提供htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title特效演示，非常不错的表单显示效果/titlestyletype=text/cssbody{font-family:verdana,font-size:12px;color:#FFFFFF;background-color:#ffffff}.en1{font-size:10px;font-family:Verdana}.input1{font-family:verdana;background-color:#EEEEEE;border-bottom:#FFFFFF1pxsolid;border-left:#CCCCCC1pxsolid;border-right:#FFFFFF1pxsolid;border-top:#CCCCCC1pxsolid;font-size:12px;}.input1-bor{font-family:verdana;background-color:#F0F8FF;font-size:12px;border:1pxsolid#333333;}/stylelinkhref=../text.cssrel=stylesheettype=text/cssstyletype=text/css!--.en1{font-size:10px;font-family:Verdana}.input1{font-family:verdana;background-color:#EEEEEE;border-bottom:#FFFFFF1pxsolid;border-left:#CCCCCC1pxsolid;border-right:#FFFFFF1pxsolid;border-top:#CCCCCC1pxsolid;font-size:12px;}--/style/headbodytablecellspacing=2cellpadding=0width=300border=0trtdfontclass=en1姓名:/tdtdinputsize=40name=nameclass=input1onblur=this.className='input1'onfocus=this.className='input1-bor'/td/trtrtdfontclass=en1邮箱:/tdtdinputsize=40name=emailclass=input1onblur=this.className='input1'onfocus=this.className='input1-bor'/td/trtrtdfontclass=en1网址:/tdtdinputsize=40name=urlclass=input1onblur=this.className='input1'onfocus=this.className='input1-bor'/td/trtrtdfontclass=en1主题:/tdtdinputsize=40name=subjectclass=input1onblur=this.className='input1'onfocus=this.className='input1-bor'/td/trtrtdfontclass=en1内容:/tdtdtextareaname=messagerows=5cols=35class=input1onblur=this.className='input1'onfocus=this.className='input1-bor'本代码由ahref=网页特效网/a提供!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN清爽配色15套/titlestyletype=text/css.style1{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#96C2F1;background-color:#EFF7FF}.style2{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#9BDF70;background-color:#F0F