首页 > Web开发 > 详细

js实现图片自动切换效果。

时间:2015-05-11 21:27:50      阅读:270      评论:0      收藏:0      [点我收藏+]

js实现图片自动切换效果,简单实用,原谅我只是一只小菜鸟还在学大神天天写博文装逼。

<script language="javascript">
        setInterval(test, 2000);
        var array = new Array();
        var index = 0;
        var array = new Array("../../Content/images/3s1hj_kqzew4k2ozbhs2dwgfjeg5sckzsew_780x520.jpg", "../../Content/images/3s1hj_kqzewqs2ozbhsrdwgfjeg5sckzsew_450x600.jpg", "../../Content/images/3s1hj_kqzfc4leozbhmtcugfjeg5sckzsew_650x975.jpg");
        function test() {
            var myimg = document.getElementById("imgs");
            if (index == array.length - 1)
            { index = 0; } else { index++; }
            myimg.src = array[index];
        } 
</script>  


在页面需要的地方添加这个:
 <img style="width:200px; height:200px" id="imgs" src="../../Content/images/3s1hj_kqzdoqs2ozbhsq3wgfjeg5sckzsew_450x600.jpg" />

 

 

js实现图片自动切换效果。

原文:http://www.cnblogs.com/sunqiang/p/4495402.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!