码迷,mamicode.com
首页 > Web开发 > 详细

js图片轮换经典小例子

时间:2014-05-01 18:37:09      阅读:443      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   java   tar   ext   javascript   color   get   art   

使用js脚本实现图片轮换、图片轮播的小例子,纯js实现的,感觉不错,收藏下。

例子,js脚本实现图片轮换代码

mamicode.com,码迷
<script type="text/javascript">
var NowFrame = 1; //初始化显示第几张
var MaxFrame = 3; //最大显示几张
function show() {
for (var i = 1; i < (MaxFrame + 1); i++) {
if (i == NowFrame)
document.getElementById(‘div‘ + NowFrame).style.display = ‘‘; //当前图片显示
else
document.getElementById(‘div‘ + i).style.display = ‘none‘; //其他的图片隐藏
}
{ www.jbxue.com
if (NowFrame == MaxFrame) //定义下一张显示的图片
NowFrame = 1;
else
NowFrame++;
}
theTimer = setTimeout(‘show()‘, 1000); //设置定时器,显示下一张显示的图片
}
</script>
</head>
<body onload="show();">
<form id="form1" runat="server">
<div id="tupianlunhuan">
<img  src="../images/5.png" style="display: none;" id="div1" border="0"/>
<img  src="../images/1.jpg" style="display: none;" id="div2" border="0"/>
<img  src="../images/3.png" style="display: none;" id="div3" border="0"/>
</div> 
</form>
</body>
mamicode.com,码迷

您可能感兴趣的文章:

js图片轮换经典小例子,码迷,mamicode.com

js图片轮换经典小例子

标签:style   blog   class   code   java   tar   ext   javascript   color   get   art   

原文地址:http://www.cnblogs.com/yes123/p/3702522.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!