文字以破碎形式组合网页特效代码.docx
《文字以破碎形式组合网页特效代码.docx》由会员分享，可在线阅读，更多相关《文字以破碎形式组合网页特效代码.docx（7页珍藏版）》请在冰豆网上搜索。
文字以破碎形式组合网页特效代码
文字以破碎形式组合-网页特效代码
文字以破碎形式组合-网页特效代码：
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>网页特效|L
<SCRIPT>
vartextwidth=200
vartextheight=40
varmessage=newArray（）
message[0]="你好"
message[1]="欢迎"
message[2]="光临"
message[3]="网页特效"
varx_finalpos=-1
vary_finalpos=50
varx_slices=24
vary_slices=1
varpause=10
varscreenwidth=700
varscreenheight=400
varx_step=newArray（）
vary_step=newArray（）
varx_randompos=0
vary_randompos=0
vari_loop=0
varmax_loop=24
vari_text=0
varwidth_slice=Math.floor（textwidth/x_slices）
varheight_slice=Math.floor（textheight/y_slices）
varcliptop=0
varclipbottom=height_slice
varclipleft=0
varclipright=width_slice
varspancounter=0
functioninitiate（）{
if（x_finalpos==-1）{
x_finalpos=Math.floor（document.body.clientWidth/2）-Math.floor（textwidth/2）
}
if（y_finalpos==-1）{
y_finalpos=Math.floor（document.body.clientHeight/2）-Math.floor（textheight/2）
}
cliptop=0
clipbottom=height_slice
clipleft=0
clipright=width_slice
i_loop=0
spancounter=0
if（document.all）{
for（i=0;i<=y_slices-1;i++）{
for（ii=0;ii<=x_slices-1;ii++）{
varthisspan=eval（"document.all.span"+spancounter+".style"）
x_randompos=Math.ceil（screenwidth*Math.random（））
y_randompos=Math.ceil（screenheight*Math.random（））
thisspan.posLeft=x_randompos
thisspan.posTop=y_randompos
thisspan.clip="rect（"+cliptop+""+clipright+""+clipbottom+""+clipleft+"）"
clipleft+=width_slice
clipright+=width_slice
spancounter++
}
clipleft=0
clipright=width_slice
cliptop+=height_slice
clipbottom+=height_slice
}
}
explode_IE（）
}
functionchangetext（）{
spancounter=0
for（i=0;i<=y_slices-1;i++）{
for（ii=0;ii<=x_slices-1;ii++）{
varthisspan=eval（"document.all.span"+spancounter+".style"）
thisspan.posLeft=-5000
spancounter++
}
}
spancounter=0
if（i_text>message.length-1）{i_text=0}
for（i=0;i<=y_slices-1;i++）{
for（ii=0;ii<=x_slices-1;ii++）{
varthisinnerspan=eval（"span"+spancounter）
thisinnerspan.innerHTML=message[i_text]
spancounter++
}
}
i_text++
initiate（）
}
functionexplode_IE（）{
spancounter=0
if（i_loop<=max_loop-1）{
for（i=0;i<=y_slices-1;i++）{
for（ii=0;ii<=x_slices-1;ii++）{
varthisspan=eval（"document.all.span"+spancounter+".style"）
x_step[spancounter]=（x_finalpos-thisspan.posLeft）/（max_loop-i_loop）
y_step[spancounter]=（y_finalpos-thisspan.posTop）/（max_loop-i_loop）
thisspan.posLeft+=x_step[spancounter]
thisspan.posTop+=y_step[spancounter]
spancounter++
}
}
i_loop++
vartimer=setTimeout（"explode_IE（）",pause）
}
else{
spancounter=0
clearTimeout（timer）
vartimer=setTimeout（"changetext（）",2000）
}
}
//-EndofJavaScript--->
</SCRIPT>
<STYLE>.spanstyle{
BACKGROUND-COLOR:
#ffffff;BORDER-BOTTOM-STYLE:
solid;BORDER-LEFT-STYLE:
solid;BORDER-RIGHT-STYLE:
solid;BORDER-TOP-STYLE:
solid;COLOR:
#ff00ff;FONT-FAMILY:
宋体;FONT-SIZE:
20px;HEIGHT:
30px;LEFT:
-5000px;PADDING-BOTTOM:
1px;PADDING-LEFT:
1px;PADDING-RIGHT:
1px;PADDING-TOP:
1px;POSITION:
absolute;TEXT-ALIGN:
center;WIDTH:
192px
}
</STYLE><scriptlanguage="JavaScript">
<!
--
<!
--
functionMM_reloadPage（init）{//reloadsthewindowifNav4resized
if（init==true）with（navigator）{if（（appName=="Netscape"）&&（parseInt（appVersion）==4））{
document.MM_pgW=innerWidth;document.MM_pgH=innerHeight;onresize=MM_reloadPage;}}
elseif（innerWidth!
=document.MM_pgW||innerHeight!
=document.MM_pgH）location.reload（）;
}
MM_reloadPage（true）;
//-->
functionMM_findObj（n,d）{//v4.01
varp,i,x;if（!
d）d=document;if（（p=n.indexOf（"?
"））>0&&parent.frames.length）{
d=parent.frames[n.substring（p+1）].document;n=n.substring（0,p）;}
if（!
（x=d[n]）&&d.all）x=d.all[n];for（i=0;!
x&&i<d.forms.length;i++）x=d.forms[i][n];
for（i=0;!
x&&d.layers&&i<d.layers.length;i++）x=MM_findObj（n,d.layers[i].document）;
if（!
x&&d.getElementById）x=d.getElementById（n）;returnx;
}
functionMM_showHideLayers（）{//v3.0
vari,p,v,obj,args=MM_showHideLayers.arguments;
for（i=0;i<（args.length-2）;i+=3）if（（obj=MM_findObj（args[i]））!
=null）{v=args[i+2];
if（obj.style）{obj=obj.style;v=（v=='show'）?
'visible':
（v='hide'）?
'hidden':
v;}
obj.visibility=v;}
}
//-->
</script>
</head>
<bodyonload=changetext（）>
<SCRIPT>
<!
--BeginningofJavaScript-
if（document.all）{
for（i=0;i<=y_slices-1;i++）{
for（ii=0;ii<=x_slices-1;ii++）{
document.write（"<spanid='span"+spancounter+"'class='spanstyle'></span>"）
spancounter++
}
}
spancounter=0
}
//-EndofJavaScript--->
</SCRIPT>
</body>
</html>
升级会员 