js图片幻灯切换效果-支持gif格式

时间：2022-07-02 14:52:25 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<p>
<meta content="text/html;charset=gb2312" http-equiv="content-type" /></p>
<script language="javascript">
var i=1; 
var j=5;//图片总数，至少两张
var myobj = setInterval("adchange()",3000);//这里调整你的轮换时间，默认3秒
function adchange() 
{ 
  var k=1;
  i=i+1;
  for (k;k<=j;k++ )
  {
   if(k!=i)
   {
    document.getElementById("ad_"+k).style.display='none';
   }
   else
   {
    document.getElementById("ad_"+i).style.display='block';
   }
  }
if(i==j) i=0;
} 
</script>
<div id="ad_1" style="display: block; text-align: center"><a target="_blank" href="http://WWW.111CN.CN"><input class="" type="image" src="https://img.111com.net/get_pic/20090725093209947.gif" border="0" /></a><br />
卡通MM一</div>
<div id="ad_2" style="display: none; text-align: center"><a target="_blank" href="http://WWW.111CN.CN"><input class="" type="image" src="https://img.111com.net/get_pic/20090725093215726.gif" border="0" /></a><br />
卡通MM二</div>
<div id="ad_3" style="display: none; text-align: center"><a target="_blank" href="http://WWW.111CN.CN"><input class="" type="image" src="https://img.111com.net/get_pic/2009072509322281.gif" border="0" /></a><br />
卡通MM三</div>
<div id="ad_4" style="display: none; text-align: center"><a target="_blank" href="http://WWW.111CN.CN"><input class="" type="image" src="https://img.111com.net/get_pic/20090725093229224.gif" border="0" /></a><br />
卡通MM四</div>
<div id="ad_5" style="display: none; text-align: center"><a target="_blank" href="http://WWW.111CN.CN"><input class="" type="image" src="https://img.111com.net/get_pic/20090725093236790.gif" border="0" /></a><br />
卡通MM五</div>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js图片幻灯切换效果-支持gif格式

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程