关闭

图片轮替的JS代码

标签: imagetimerborderfilterfunctionjavascript
1447人阅读 评论(0) 收藏 举报
<script   language=javaScript>  
  <!--//  
  sandra0   =   new   Image();  
  sandra0.src   =   "diaoyan.jpg";  
  sandra1   =   new   Image();  
  sandra1.src   =   "diaojiaolu.jpg";  
  sandra2   =   new   Image();  
  sandra2.src   =   "fengce.jpg";  
  sandra3   =   new   Image();  
  sandra3.src   =   "wanminda.jpg";  
  var   i_strngth=1  
  var   i_image=0  
  var   imageurl   =   new   Array()  
  imageurl[0]   ="diaoyan.jpg"  
  imageurl[1]   ="diaojiaolu.jpg"  
  imageurl[2]   ="fengce.jpg"  
  imageurl[3]   ="wanminda.jpg"  
  imageurl[4]   ="wanminda.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>  
 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:47533次
    • 积分:569
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:32篇
    • 译文:0篇
    • 评论:0条
    文章分类