图片的渐显播放

图片的渐显播放[推荐][根据下面的说明进行共3步,修改图片的名称及路径即可]
第三步的top:120px;left:240px可以设定显示的位置

====1、将下面的代码插入到HEML的<head></head>之间:

  
  
  
  
  1. <script language=javaScript>  
  2. <!--//  
  3. sandra0 = new Image();  
  4. sandra0.src = "image1.gif";  
  5. sandra1 = new Image();  
  6. sandra1.src = "image2.gif";  
  7. sandra2 = new Image();  
  8. sandra2.src = "image3.gif";  
  9. var i_strngth=1  
  10. var i_image=0  
  11. var imageurl = new Array()  
  12. imageurl[0] ="图片名称1.gif" 
  13. imageurl[1] ="图片名称2.gif" 
  14. imageurl[2] ="图片名称3.gif" 
  15. function showimage() {   
  16. if(document.all) {  
  17. if (i_strngth <=110) {  
  18. testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src=\'#\'" /span>+imageurl[i_image]+" border=0>";  
  19. i_strngth=i_strngth+10  
  20. var timer=setTimeout("showimage()",100)  
  21. }  
  22. else {  
  23. clearTimeout(timer)  
  24. var timer=setTimeout("hideimage()",1000)  
  25. }  
  26. }  
  27. if(document.layers) {  
  28. clearTimeout(timer)  
  29. document.testimage.document.write("<img src=\'#\'" /span>+imageurl[i_image]+" border=0>")  
  30. document.close()  
  31. i_image++  
  32. if (i_image >= imageurl.length) {i_image=0}   
  33. var timer=setTimeout("showimage()",2000)  
  34. }   
  35. }  
  36. function hideimage() {   
  37. if (i_strngth >=-10) {  
  38. testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src=\'#\'" /span>+imageurl[i_image]+" border=0>";  
  39. i_strngth=i_strngth-10  
  40. var timer=setTimeout("hideimage()",100)  
  41. }   
  42. else {  
  43. clearTimeout(timer)  
  44. i_image++  
  45. if (i_image >= imageurl.length) {i_image=0}  
  46. i_strngth=1  
  47. var timer=setTimeout("showimage()",500)   
  48. }  
  49. }  
  50. //-->  
  51. </script> 

====2、修改<body>语句为:

<body onLoad="showimage()">

====3、将下面的代码加入到HEML的<body></body>之间:

<div id="testimage" style="position:absolute;visibility:visible;top:120px;left:240px"></div>

你可能感兴趣的:(图片,播放,渐显)