图片轮替的JS代码

原创 2007年09月14日 11:24:00
<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>  
 

linux 命令系列之 日志轮替(75)

1.日志文件的命名规则 a.如果配置文件中拥有"dateext"参数,那么日志会用日期作为日志文件的后缀,例如:"secure-20150101",这样的话日志文件名不会重叠 所以也就不需要日志文件改...
  • chmod_R_755
  • chmod_R_755
  • 2015年06月01日 21:22
  • 736

将JS代码隐藏在图片中的方法

分类: Java Web Linux JavaScript2011-12-15 09:53 3970人阅读 评论(6) 收藏 举报 javascript脚本functiongooglelinux...
  • oMingZi12345678
  • oMingZi12345678
  • 2015年05月19日 18:21
  • 2076

Linux日志管理-rsyslogd/日志轮替

日志例子: 对上面这个的解释: 日志轮替: 其实就是把每个月的日志切割成按每天分的小块;或者是到了一个月就删掉。 日志轮替工具: 它有自己的配置文件: ...
  • wangfei8348
  • wangfei8348
  • 2015年08月28日 09:42
  • 618

JS让图片无缝滚动的实现(JS代码讲解,非直拷型内容)

为了教学需要,整理了一下JS图片无缝滚动的代码。 以前一直均是拷贝网上的经典JS滚动代码,稍为更改即成自己的了,现重新讲解下,JS是如何让图片们动起来的! 下面是网上源码,百度一大堆,多数是这个样...
  • learn_2
  • learn_2
  • 2016年11月16日 16:19
  • 1757

图片攻击-BMP图片中注入恶意JS代码

昨天看到一篇文章《hacking throung images》,里面介绍了如何在BMP格式的图片里注入JS代码,使得BMP图片既可以正常显示, 也可以运行其中的JS代码,觉得相当有趣。   ...
  • qq_27446553
  • qq_27446553
  • 2015年05月05日 09:31
  • 1234

js实现文件上传,图片本地预览(部分代码是借鉴的)

html页面部分:
  • liujiexiong11
  • liujiexiong11
  • 2014年12月03日 11:36
  • 2333

常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全

常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全innerHTML: 设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度。 scrollLef...
  • love_xiolan
  • love_xiolan
  • 2017年02月07日 10:58
  • 712

常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全

var speed=30; var colee2=document.getElementById("colee2"); var colee1=document.getElementById("cole...
  • Honey_Potter
  • Honey_Potter
  • 2016年12月20日 14:59
  • 2753

JS图片自动轮换效果实现

今天不在状态,五一快到了,俺就特想玩了。好了,天色已晚,闲话不多说,看下用javaScript 实现的图片自动轮换效果,先看图片 下面是具体的代码,还是比较简单的。 越狱的囚徒...
  • php5921
  • php5921
  • 2014年04月30日 00:16
  • 2926

js实现图片自动轮播

今天有人问我这个问题,我就顺便把这个记下来,分享给大伙。 如图,就是图片自己轮播,并且图中中下方的白点也发生变化,图片到哪,白点就到哪,就直接上代码了 ...
  • stronglyh
  • stronglyh
  • 2015年07月10日 17:36
  • 19810
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图片轮替的JS代码
举报原因:
原因补充:

(最多只允许输入30个字)