图片的渐显播放[推荐][根据下面的说明进行共3步,修改图片的名称及路径即可] 第三步的top:120px;left:240px可以设定显示的位置
====1、将下面的代码插入到HEML的<head></head>之间:
<script
language=javaScript> <!--// sandra0 = new Image(); sandra0.src =
"image1.gif"; sandra1 = new Image(); sandra1.src =
"image2.gif"; sandra2 = new Image(); sandra2.src = "image3.gif"; var
i_strngth=1 var i_image=0 var imageurl = new Array() imageurl[0]
="图片名称1.gif" imageurl[1] ="图片名称2.gif" imageurl[2] ="图片名称3.gif" 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;visibility:visible;top:120px;left:240px"></div>
|