网页特效.docx

--

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（

"欢迎光临“网页特效集锦”...
你知道怎样在你的网页中做一个很酷的网页菜单吗?

你知道怎样让你的网页背景向上或向下移动吗?

你知道怎样在你的主页中任意位置显示一个时钟吗?

你知道怎样在主页中做特效文字吗?

你知道怎样做一个很cool的日历吗?

"

）;

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,""+tmp0+""+tmp1+""）;

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

}

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="现在时刻：

"+hours+":

"+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.文字从右往左移动

说明:

文字在状态栏上从右往左显示，而且是循环的

代码:

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.星星从背景中飞出