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

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

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

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

<body onLoad="showp_w_picpath()">

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

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