移动的图片和文字-JS特效-爱易网页

移动的图片和文字

日期：2014-05-18　浏览次数：20130 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
把如下代码加入<body>区域中：
<DIV id=jh0 
style="FONT-SIZE: 32pt; FILTER: shadow(color=gray,direction=270) alpha(opacity=50); VISIBILITY: hidden; WIDTH: 250px; COLOR: yellow; POSITION: absolute; TOP: 100px"><img 
src="http://www.aiyiweb.com/images/face/image21.gif" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></DIV>
<DIV id=jh1 
style="FONT-SIZE: 16px; FILTER: glow(color=#0000ff,strength=1) shadow(color=gray,direction=90) alpha(opacity=50); VISIBILITY: hidden; WIDTH: 200px; COLOR: #aaaaff; POSITION: absolute; TOP: 160px">之 
阿 里 西 西 </DIV>
<DIV id=jh2 
style="FILTER: revealtrans(duration=2,transition=23); LEFT: 150px; VISIBILITY: hidden; POSITION: absolute; TOP: 130px"></div>
<SCRIPT language=javascript>
function Start(){s=1;t=100;jh0.style.visibility="visible";jh1.style.visibility="visible";Move1();}
function Move1(){jh0.style.left=s;jh1.style.left=600-s;s+=4;if(s<260)setTimeout("Move1()",50);else{s=1;jh0.style.filter="shadow(color=gray,direction=180) alpha(opacity=50)";jh1.style.filter="glow(color=#0000ff,strength=1) shadow(color=gray,direction=180) alpha(opacity=50)";Move2();}}
function Move2(){jh0.style.top=t-s;jh1.style.top=t+60-s;s+=3;if(s<60)setTimeout("Move2()",100);else{jh2.style.visibility="visible";if(jh2.filters(0).status!=2){jh2.filters(0).Apply();jh2.filters(0).Play();}jh0.style.filter="shadow(color=gray,direction=135) alpha(opacity=50)";jh1.style.filter="glow(color=#0000ff,strength=1) shadow(color=gray,direction=135) alpha(opacity=50)";}}
Start()
</SCRIPT>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]