JavaScript轮播图效果实现
(1)编写代码：
<html>
<head>
<meta charset="UTF-8">
<title>切换图片</title>
<style type="text/css">
div{
border: 1px solid white;
width:600px ;
height:400px;
margin: auto;
text-align: center;
}
</style>
<script type="text/javascript">
function init(){
//设置定时器
window.setInterval("changeImg()",3000);
}
var i=1;
function changeImg(){
i++;
//获取图片位置设置src属性
document.getElementById("img").src="img/"+ i%3+".jpg";
}
</script>
</head>
<body onload="init()">
<div>
<img src="img/1.jpg" width="100%" height="100%" id="img"/>
</div>
</body>
</html>
2)外部引入
创建一个 index.js的文件引入进来
<script type="text/javascript" src=“index.js”></script>
博客地址：http://blog.yoqi.me/?p=13406
这篇文章还没有评论