详解js图片轮播效果实现原理_javascript技巧
来源:动视网
责编:小采
时间:2020-11-27 21:47:25
详解js图片轮播效果实现原理_javascript技巧
详解js图片轮播效果实现原理_javascript技巧:本文实例讲述了js图片轮播效果实现原理,分享给大家供大家参考,具体内容如下 Insert title here var timeID; var image; var current = 0; var images = new Array(5); function init(){ for (var i=1;i
导读详解js图片轮播效果实现原理_javascript技巧:本文实例讲述了js图片轮播效果实现原理,分享给大家供大家参考,具体内容如下 Insert title here var timeID; var image; var current = 0; var images = new Array(5); function init(){ for (var i=1;i

本文实例讲述了js图片轮播效果实现原理,分享给大家供大家参考,具体内容如下
原理在这呐
首先init()函数用于初始化images数组和image的值,本例中主要是利用setSrc()设置图片的src属性值,这样就达到了图片的切换,图片的轮播是使用定时器来时显的!setInterval('play()',500)的意思是每0.5s调用一次play()函数!
详解js图片轮播效果实现原理_javascript技巧
详解js图片轮播效果实现原理_javascript技巧:本文实例讲述了js图片轮播效果实现原理,分享给大家供大家参考,具体内容如下 Insert title here var timeID; var image; var current = 0; var images = new Array(5); function init(){ for (var i=1;i