网页特效代码集合+实例.docx
- 文档编号:8654746
- 上传时间:2023-02-01
- 格式:DOCX
- 页数:50
- 大小:32.16KB
网页特效代码集合+实例.docx
《网页特效代码集合+实例.docx》由会员分享,可在线阅读,更多相关《网页特效代码集合+实例.docx(50页珍藏版)》请在冰豆网上搜索。
网页特效代码集合+实例
文本框走动跑马灯
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);
}
本代码由
滚动文字
本代码由
vartemp_i=1
functionflash_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_i>9)temp_i=1;
}
setInterval("flash_sms()",200);
本代码由
水形文字
本代码由
DIV{width:
609;font-size:
40pt;font-family:
Tahoma;font-weight:
bold;}
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">
.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
}
本代码由
5pxsolidgreen"> Insertanythingyouwantintothistable. Insertanythingyouwantintothistable.Insertanythingyouwantintothistable.
--
/*
FlashingTableBorderScript-
DynamicDrive()
Forfullsourcecode,installationinstructions,
100'smoreDHTMLscripts,andTermsOf
Use,visit
*/
functionflashit(){
if(!
document.all)
return
if(myexample.style.borderColor=="green")
myexample.style.borderColor="red"
else
myexample.style.borderColor="green"
}
setInterval("flashit()",500)
//-->
本代码由
if(typeofsas=="undefined")varsas=newObject();
if(typeofsas.ued=="undefined")sas.ued=newObject();
if(typeofsas.ued.util=="undefined")sas.ued.util=newObject();
if(typeofsas.ued.FlashObjectUtil=="undefined")sas.ued.FlashObjectUtil=newObject();
sas.ued.FlashObject=function(swf,id,w,h,ver,c,useExpressInstall,quality,xiRedirectUrl,redirectUrl,detectKey)
{
if(!
document.createElement||!
document.getElementById)return;this.DETECT_KEY=detectKey?
detectKey:
'detectflash';
this.skipDetect=sas.ued.util.getRequestParameter(this.DETECT_KEY);
this.params=newObject();this.variables=newObject();
this.attributes=newArray();this.useExpressInstall=useExpressInstall;
if(swf)this.setAttribute('swf',swf);
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 特效代码 集合 实例
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1