首页 > 其他 > 详细

jq做的简单的轮播

时间:2018-07-31 18:21:00      阅读:202      评论:0      收藏:0      [点我收藏+]

 

 

 

<button id="aa">上一页</button>
<img src="../1.png" height="200px"  width="150PX">
<button onclick="next()">下一页</button>

 

 

 

 

 

 

 

 

var k=0;//当下标使用
//定义一个图片数组
var imgs =["../1.png",
           "../5.png",
           "../4.png",
           "../7.jpg"];
    var pev = null;//上一页定义的元素
    var imgDom = null; //图片对象
    var dsp = null; //定时器对象
$(document).ready(function(){
    imgDom=$("img");
    pev =$("#aa");
    pev.click(function(){
         pevo();
    });
     dsp = setInterval(function(){
            next();
        },2000);
});

function next(){
        k++;
        if( k>=imgs.length){
        k=0;
        }
        imgDom.attr("src",imgs[k]);
    }
function pevo(){
    k--;
    if(k<0){
    k=imgs.length-1;
    }
    imgDom.attr("src",imgs[k]);
}




jq做的简单的轮播

原文:https://www.cnblogs.com/hjc1234/p/9397087.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!