|
|
|
12、图片的逐显播放
====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> |
|
|
|
|
|
|
|
|
