JS实现图片的自动切换
2017-08-25 22:19
459 查看
一、脚本代码:
<script>
var arr=new Array(); arr[0]="image/banner4.jpg"; //这里放图片路径 arr[1]="image/book1.jpg"; arr[2]="image/buy.jpg"; arr[3]="image/user.jpg"; arr[4]="image/web.png"; var i=0; function image() { var ima=document.getElementById("image"); ima.src=arr[i]; i++; if(i==5) i=0 setTimeout("image()",1000) //一秒钟调用一次 } </script> </head>
二、body里面的代码(在加载时完成图片的切换) <body onLoad="image()">
<img id="image" src="image/banner4.jpg" width="140" height="105"/>
</body>
相关文章推荐
- 利用JS实现点击按钮后图片自动切换的简单方法
- 用JS实现图片连续自动切换
- js实现图片自动切换效果。
- 使用js实现图片的自动切换
- JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
- js实现图片自动切换
- JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
- js实现图片自动切换效果
- js实现图片自动切换
- 利用JS实现点击按钮后图片自动切换的简单方法
- 利用JS实现点击按钮后图片自动切换
- 详解原生JS根据图片多少自动生成相册_实现焦点或按钮切换图片
- js两种实现网页图片滚动的方法 和一种切换的方法
- android自定义Gallery实现手动和自动循环滚动切换图片
- js控制图片自动缩放,实现铺满盒子,不变形,完全局中
- JS+CSS实现自动切换的网页滑动门菜单效果代码
- 模仿微信朋友圈 仿微信js-sdk wx.previewImage javascript实现,支持图片预览,滑动切换,双指缩放,图片缓存 h5 html5 js
- js实现图片切换轮播终极版
- 简单的实现点击箭头图片切换的js代码
- JS实现自动切换文字的导航效果代码