书签分享收藏举报版权申诉 / 50

立即下载加入VIP,免费下载

当前位置：首页 > 高等教育 > 农学 > 网页特效代码集合+实例.docx

网页特效代码集合+实例.docx

文档编号：8654746
上传时间：2023-02-01
格式：DOCX
页数：50
大小：32.16KB

网页特效代码集合+实例.docx

《网页特效代码集合+实例.docx》由会员分享，可在线阅读，更多相关《网页特效代码集合+实例.docx（50页珍藏版）》请在冰豆网上搜索。

网页特效代码集合+实例.docx

网页特效代码集合+实例

文本框走动跑马灯

varmsg="欢迎访问网页特效代码";

varinterval=100;

varspace10="";

varseq=0;

functionScroll（）{

document.tmForm.tmText.value=msg.substring（seq,msg.length）+space10+msg.substring（0,msg.length）;

seq++;seq++;

if（seq>msg.length）{seq=0};

window.setTimeout（"Scroll（）;",interval）;

}

本代码由网页特效网提供

滚动文字

本代码由网页特效网提供

滚动文字-

■■■■■■■■■

本代码由网页特效网提供

水形文字

本代码由网页特效网提供

水形文字

varcount=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=0

if（pos

{

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（pos<2*maxCount）

{

pos=2*maxCount-pos;

ret=maxStrength*pos*pos/（maxCount*maxCount）;

}

else

ret=0;

ret=Math.ceil（ret）

returnret;

}

functionanitext（）{

thePhase=（thePhase+10）

oDiv.filters[0].phase=thePhase

theStrength=getStrength（++theCount）;

window.status=theStrength

if（theStrength==0）theCount=0;

if（oQueue.length>0||theStrength>0）

{

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;i

this[i]=this[i+1];

this.length--;

returnitem;

}

Array.prototype.push=arrPush;

Array.prototype.shift=arrShift;

本代码由网页特效网提供

特效演示，非常不错的表单显示效果

body{

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;}

.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;

}

-->

姓名:

邮箱:

网址:

主题:

内容:

本代码由网页特效网提供

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

清爽配色15套

.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:

#F0FBEB

}

.style3{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#BBE1F1;

background-color:

#EEFAFF

}

.style4{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#CCEFF5;

background-color:

#FAFCFD

}

.style5{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#FFCC00;

background-color:

#FFFFF7

}

.style6{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#92B0DD;

background-color:

#FFFFFf

}

.style6h5{

margin:

1px;

background-color:

#E2EAF8;

height:

24px;

}

.style7{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#A9C9E2;

background-color:

#E8F5FE

}

.style8{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#E3E197;

background-color:

#FFFFDD

}

.style9{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#ADCD3C;

background-color:

#F2FDDB

}

.style10{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#F8B3D0;

background-color:

#FFF5FA

}

.style11{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#D3D3D3;

background-color:

#F7F7F7

}

.style12{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#BFD1EB;

background-color:

#F3FAFF

}

.style13{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#FFDD99;

background-color:

#FFF9ED

}

.style14{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#CACAFF;

background-color:

#F7F7FF

}

.style15{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#A5B6C8;

background-color:

#EEF3F7

}

.style16{

width:

800px;

height:

100px;

margin:

0pxauto;

margin-bottom:

20px;

border:

1pxsolid#CEE3E9;

background-color:

#F1F7F9

}