怎样用javascript实现图片定时切换
5个回答
展开全部
思路：使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性。树立演示如下：
1、HTML结构
<img src="1.png" id="test">
2、javascript代码
function change(n){
if(n>5) n=1; // 一共5张图片，所以循环替换
document.getElementById("test").setAttribute("src", n+".png");
n++;
setTimeout("change("+n+")",1000);
}
window.onload = function(){
setTimeout("change(1)", 1000);
}3、效果演示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head>
<body onLoad="checked();">
<img src="1.jpg" name="imgs" width="602" height="371" id="imgs">
<script Language="JavaScript">
var imge=["1.jpg","2.jpg","3.jpg","4.jpg"];//图片的路径我这个是图片和文件在同一目录
var cont=0;
function checked(){
if(cont==imge.length)
cont=0;
document.getElementById('imgs').src=imge[cont];
cont++;
}
setInterval("checked()",5000);//5秒换一次
</script>
</body>
</html>
<body onLoad="checked();">
<img src="1.jpg" name="imgs" width="602" height="371" id="imgs">
<script Language="JavaScript">
var imge=["1.jpg","2.jpg","3.jpg","4.jpg"];//图片的路径我这个是图片和文件在同一目录
var cont=0;
function checked(){
if(cont==imge.length)
cont=0;
document.getElementById('imgs').src=imge[cont];
cont++;
}
setInterval("checked()",5000);//5秒换一次
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
里面有教程和源码
参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?6=p&id=10895
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
青鸟现过时了，各方面都不是很具备优势了，比起来，华夏 博大要好的多，非加盟，要知道这样更会注重自己的口碑。学费又低很多，而又不会影响教学质量，注重师资就业LH
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用 timeout实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
