网站首页
您的位置:
博熙设计
>>
网页特效
>>
图形文本
>> 浏览主题
查看特效
多个图片进行渐显轮换播放
[日期:2006-2-5 10:24:02]
[浏览指数:2974]
1、将下面的代码插入到HEML的<head></head>之间: <script language=javaScript> <!--// sandra0 = new Image(); sandra0.src = "Picture4.jpg"; sandra1 = new Image(); sandra1.src = "Picture5.jpg"; sandra2 = new Image(); sandra2.src = "Picture4.jpg"; var i_strngth=1 var i_image=0 var imageurl = new Array() imageurl[0] ="Picture4.jpg" imageurl[1] ="Picture5.jpg" imageurl[2] ="Picture4.jpg" function showimage() { if(document.all) { if (i_strngth <=110) { testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>"; i_strngth=i_strngth+10 var timer=setTimeout("showimage()",100) } else { clearTimeout(timer) var timer=setTimeout("hideimage()",1000) } } if(document.layers) { clearTimeout(timer) document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>") document.close() i_image++ if (i_image >= imageurl.length) {i_image=0} var timer=setTimeout("showimage()",2000) } } function hideimage() { if (i_strngth >=-10) { testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>"; i_strngth=i_strngth-10 var timer=setTimeout("hideimage()",100) } else { clearTimeout(timer) i_image++ if (i_image >= imageurl.length) {i_image=0} i_strngth=1 var timer=setTimeout("showimage()",500) } } //--> </script> 2、修改<body>语句为: <body onLoad="showimage()"> 3、将下面的代码加入到HEML的<body></body>之间: <div id="testimage" style="position:absolute;visibili">
特别说明:
如文本框里含有upjs/***.js内容的,请用查看按钮查看演示!
·上个特效:
漫天飞雪
·下个特效:
状态栏显示一个走动的时钟
【特效评论已关闭】
当前风格:蓝色理想
关于本站
|
联系我们
|
广告合作
|
网站地图
|
友情连接
|
后台管理
| |
业务合作
备案序号: 陇ICP备05000683号
感谢
中网数据
提供
网站空间
[世界排名]
博熙设计
Powered by:
Hxcms Ver6.6
页面执行时间:31.25MS