网页特效.docx
- 文档编号:30203582
- 上传时间:2023-08-07
- 格式:DOCX
- 页数:33
- 大小:23.63KB
网页特效.docx
《网页特效.docx》由会员分享,可在线阅读,更多相关《网页特效.docx(33页珍藏版)》请在冰豆网上搜索。
网页特效
网页特效集锦
怎样使用特效代码?
只要把这些代码复制、粘贴到你的网页源代码中,保存,再在浏览器中打开,你就会看到效果了!
怎样在我的网页中插入代码?
·使用DreamWeaver:
在编辑状态下按F10即弹出源代码窗口,将特效代码粘贴进去即可。
·直接使用“记事本”等编辑器:
直接用这些编辑器打开网页文件,出现的就是源代码,将特效代码粘贴进去即可。
在什么地方插入代码?
一般来说,在网页源代码的
与之间的任何地方插入代码都可以(除非特别指明,例如要求插入到与之间)。提示:
在
该怎样修改代码?
插入代码之后,把代码中的文字替换成你自己的内容即可。
注意:
为避免出错,请不要改动除中文文字之外的代码,否则程序可能会不能运行!
1.状态栏里的动态欢迎语
说明:
浏览器的状态栏里出现一个字接一个字往左跑的欢迎语!
效果:
看看状态栏:
)
代码:
--
functionstatusMessageObject(p,d){
this.msg=MESSAGE
this.out=""
this.pos=POSITION
this.delay=DELAY
this.i=0
this.reset=clearMessage
}
functionclearMessage(){
this.pos=POSITION
}
varPOSITION=100
varDELAY=5
varMESSAGE="欢迎光临!
WelcometoWWW.HELPOR.NET"
varscroll=newstatusMessageObject()
functionscroller(){
for(scroll.i=0;scroll.i scroll.out+="" } if(scroll.pos>=0) scroll.out+=scroll.msg elsescroll.out=scroll.msg.substring(-scroll.pos,scroll.msg.length) window.status=scroll.out scroll.out="" scroll.pos-- if(scroll.pos<-(scroll.msg.length)){ scroll.reset() } setTimeout('scroller()',scroll.delay) } functionsnapIn(jumpSpaces,position){ varmsg=scroll.msg varout="" for(vari=0;i {out+=msg.charAt(i)} for(i=1;i {out+=""} out+=msg.charAt(position) window.status=out if(jumpSpaces<=1){ position++ if(msg.charAt(position)=='') {position++} jumpSpaces=100-position }elseif(jumpSpaces>3) {jumpSpaces*=.75} else {jumpSpaces--} if(position! =msg.length){ varcmd="snapIn("+jumpSpaces+","+position+")"; scrollID=window.setTimeout(cmd,scroll.delay); }else{ window.status="" jumpSpaces=0 position=0 cmd="snapIn("+jumpSpaces+","+position+")"; scrollID=window.setTimeout(cmd,scroll.delay); returnfalse } returntrue } snapIn(100,0); //--> 2.加入收藏夹 说明: 点击即可把你的网站添加到浏览器的收藏菜单下 效果: 收藏本站 代码: hand"onClick="window.external.addFavorite('','网页特效集锦')"title="网页特效集锦">收藏本站 3.文本向上循环滚动 说明: 文本自动向上循环滚动,鼠标放到上面还会暂时停下来。 代码: document.write(" redriver;Formore,visit: >") document.write(" document.write(" document.write(" document.write(" document.write(" document.write(" document.write(" document.write(" ") document.write(" document.write(" document.write(" document.write(" document.write(" document.write(" ") document.write("") document.write("") 4.打字机打彩色文字 效果: 欢迎光临“网页特效集锦”... 你知道怎样在你的网页中做一个很酷的网页菜单吗? 你知道怎样让你的网页背景向上或向下移动吗? 你知道怎样在你的主页中任意位置显示一个时钟吗? 你知道怎样在主页中做特效文字吗? 你知道怎样做一个很cool的日历吗? 代码:
")
我是天空里的一片云,")
偶尔投影在你的波心——")
你不必讶异,")
更无须欢喜——")
在转瞬间消灭了踪影。
")
你我相逢在黑暗的海上,")
你有你的,我有我的,方向;")
你记得也好,")
最好你忘掉,")
在这交会时互放的光亮!
--
varlayers=document.layers,style=document.all,both=layers||style,idme=908601;
if(layers){layerRef='document.layers';styleRef='';}if(style){layerRef='document.all';styleRef='.style';}
functionwriteOnText(obj,str){
if(layers)with(document[obj]){document.open();document.write(str);document.close();}
if(style)eval(obj+'.innerHTML=str');
}
//以下是输出的内容,自己修改即可。
vardispStr=newArray(
"
"
);
varoverMe=0;
functionhelpor_net(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){
vartmp0=tmp1='',skip=0;
if(both&&idx<=str.length){
if(str.charAt(idx)=='<'){while(str.charAt(idx)!
='>')idx++;idx++;}
if(str.charAt(idx)=='&'&&str.charAt(idx+1)!
=''){while(str.charAt(idx)!
=';')idx++;idx++;}
tmp0=str.slice(0,idx);
tmp1=str.charAt(idx++);
if(overMe==0&&plysnd==1){
if(navigator.plugins[0]){
if(navigator.plugins["LiveAudio"][0].type=="audio/basic"&&navigator.javaEnabled()){
document.embeds[0].stop();
setTimeout("document.embeds[0].play(false)",100);}
}elseif(document.all){
ding.Stop();
setTimeout("ding.Run()",100);
}
overMe=1;
}elseoverMe=0;
writeOnText(idObj,"
setTimeout("helpor_net('"+str+"',"+idx+",'"+idObj+"','"+spObj+"','"+clr1+"','"+clr2+"',"+delay+","+plysnd+")",delay);
}
}
functionwww_helpor_net(){
helpor_net(dispStr[0],0,'ttl0','ttl1','#339933','#99FF33',50,0);
}
www_helpor_net();
//-->
5.飘动的字符跟随鼠标
说明:
在鼠标后面跟着一串飘动的字符
代码:
.spanstyle{
COLOR:
#00cccc;FONT-FAMILY:
宋体;FONT-SIZE:
10pt;POSITION:
absolute;TOP:
-50px;VISIBILITY:
visible
}
varx,y
varstep=18
varflag=0
varmessage="★网页特效世界欢迎你的光临!
"
message=message.split("")
varxpos=newArray()
for(i=0;i<=message.length-1;i++){
xpos[i]=-50
}
varypos=newArray()
for(i=0;i<=message.length-1;i++){
ypos[i]=-200
}
functionhandlerMM(e){
x=(document.layers)?
e.pageX:
document.body.scrollLeft+event.clientX
y=(document.layers)?
e.pageY:
document.body.scrollTop+event.clientY
flag=1
}
functionwww_helpor_net(){
if(flag==1&&document.all){
for(i=message.length-1;i>=1;i--){
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for(i=0;i varthisspan=eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } elseif(flag==1&&document.layers){ for(i=message.length-1;i>=1;i--){ xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for(i=0;i varthisspan=eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } vartimer=setTimeout("www_helpor_net()",30) } for(i=0;i<=message.length-1;i++){ document.write(" document.write(message[i]) document.write("") } if(document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove=handlerMM; www_helpor_net(); //--> 6.数字时钟 代码: 109px;height: 15px"> functionwww_helpor_net() { varDigital=newDate() varhours=Digital.getHours() varminutes=Digital.getMinutes() varseconds=Digital.getSeconds() if(minutes<=9) minutes="0"+minutes if(seconds<=9) seconds="0"+seconds myclock="现在时刻: "+minutes+": "+seconds+"" if(document.layers){document.layers.liveclock.document.write(myclock) document.layers.liveclock.document.close() }elseif(document.all) liveclock.innerHTML=myclock setTimeout("www_helpor_net()",1000) } www_helpor_net(); //--> 7.打字效果 说明: 文字在状态栏上从左往右一个一个地显示,就象你打出的字一样 代码: varmsg="欢迎来到网页特效世界,请多提意见。 谢谢! "; varinterval=120 varspacelen=120; varspace10=""; varseq=0; functionHelpor_net(){ len=msg.length; window.status=msg.substring(0,seq+1); seq++; if(seq>=len){ seq=0; window.status=''; window.setTimeout("Helpor_net();",interval); } else window.setTimeout("Helpor_net();",interval); } Helpor_net(); 8.文字从右往左移动 说明: 文字在状态栏上从右往左显示,而且是循环的 代码: -- functionHelpor_net(seed) {varm1="欢迎来到网页特效世界,请多提意见。 谢谢! ! "; varm2=""; varmsg=m1+m2; varout=""; varc=1; varspeed=120; if(seed>100) {seed-=2; varcmd="Helpor_net("+seed+")"; timerTwo=window.setTimeout(cmd,speed);} elseif(seed<=100&&seed>0) {for(c=0;c {out+="";} out+=msg;seed-=2; varcmd="Helpor_net("+seed+")"; window.status=out; timerTwo=window.setTimeout(cmd,speed);} elseif(seed<=0) {if(-seed { out+=msg.substring(-seed,msg.length); seed-=2; varcmd="Helpor_net("+seed+")"; window.status=out; timerTwo=window.setTimeout(cmd,speed);} else{window.status=""; timerTwo=window.setTimeout("Helpor_net(100)",speed); } } } Helpor_net(100); --> 9.图片大小随鼠标触碰而变化 说明: 鼠标接触或者离开图片时,图片大小会相应变化 代码: 150"> 10.图片渐渐显隐 代码: alpha(opacity=0)"> varb=1; varc=true; functionhelpor_net(){ if(document.all); if(c==true){ b++; } if(b==100){ b--; c=false } if(b==10){ b++; c=true; } if(c==false){ b--; } u.filters.alpha.opacity=0+b; setTimeout("helpor_net()",50); } helpor_net(); 11.星星从背景中飞出 -- body{font-family: "宋体";font-size: 9pt;margin-top: 0px;margin-left: 4px;margin-right: 0px} A{COLOR: black
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 特效
![提示](https://static.bdocx.com/images/bang_tan.gif)