js实现简单的轮播效果
2018-03-08 10:52
609 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function init(){ setInterval("changelunbo()",1000); } var i = 1; function changelunbo(){ i++; var imgE = document.getElementById("lunbo"); imgE.src = "img/2."+i+".jpg"; if(i == 4){ i = 0; } } </script> </head> <body onload="init()"> <img src="img/2.1.jpg"/ id="lunbo"> </body> </html>
相关文章推荐
- JS实现的简单轮播图运动效果示例
- 原生JS实现图片轮播与淡入效果的简单实例
- js实现简单轮播效果
- vue.js实现简单轮播图效果
- 简单实现js轮播图效果
- css和js实现最简单的轮播图效果
- html+css+js简单实现图片轮播效果
- 原生JS实现简单的无缝自动轮播效果
- js 实现一个简单的3D轮播效果
- JS实现简易图片轮播效果的方法
- Jquery实现简单的轮播效果(代码管用)
- 原生js实现网易轮播图效果
- 原生JS实现轮播图效果
- js+css简单实现网页换肤效果
- 使用html+js+css 实现页面轮播图效果(实例讲解)
- JS实现简单的浮动碰撞效果示例
- js实现图片轮播效果
- 用JS实现图片轮播效果代码(一)
- swipe.js工具包实现手机web滑动轮播效果存在jQuery对象不能使用问题并解决(个人项目经验)