初步实现图片播放
<pre name="code" class="javascript">/** * Created by Administrator on 2016/2/28. */ $(document).ready(function(){ //鼠标悬停图片暂停切换 $("li").hover(function () { clearInterval(t); }); //鼠标离开图片切换继续 $("li").mouseleave(function () { changepic(); }); }); var t; var speed = 2;//图片切换速度 var startTime=0;//图片开始时间 onload = changepic(); function changepic(){ var numOfImg = $("li>a>img").length; $("li").hide(); $("li").eq(startTime).show(); startTime = (startTime+1 ==numOfImg) ?0:(startTime + 1); t = setTimeout("changepic()", speed * 1000); }
<!DOCT
Jquery实现图片播放
最新推荐文章于 2023-02-18 23:17:02 发布