js实现图片自动切换效果。
2015-05-11 19:39
561 查看
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+CSS实现自动改变切换方向图片幻灯切换效果的方法
- js实现图片自动切换效果
- JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
- js实现支持手机滑动切换的轮播图片效果实例
- jQuery代码实现图片墙自动+手动淡入淡出切换效果
- js图片自动切换效果处理代码
- 原生JS实现图片轮播切换效果
- Web前端-JS效果-网站首页+图片自动播放、切换等效果
- 利用JS实现点击按钮后图片自动切换的简单方法
- 实现JS标签切换效果【CSS图片切换】
- iOS开发之实现图片自动切换(类似android画廊效果)
- js的自定义属性及多一排图片的点击切换效果的实现
- JS实现鼠标移入移出控制图片的切换效果
- js实现索引图片切换效果
- 原生js实现图片层叠轮播切换效果
- 利用JS实现点击按钮后图片自动切换
- JS实现自动定时切换的简洁网页选项卡效果
- js实现同一页面可多次调用的图片幻灯切换效果
- JS特效实现图片自动播放并可控的效果
- js实现多张图片切换效果