zoukankan      html  css  js  c++  java
  • 自动轮播与按钮的联动

    将自动轮播与按钮结合起来,就是多写了好几行,挺好看的不过,留下

    z=1;
    l.eq(0).css("background-color","orange");
    function move(){
    if(z!=3){
    bo.stop();
    bo.animate({marginLeft:z*(-680)+"px"},
    500,
    function(){
    z++;
    })
    }
    if(z==3){
    bo.animate({marginLeft:0+"px"},500,function(){
    z=1;
    l.css("background-color","rgb(94,79,57)");
    l.eq(0).css("background-color","orange");
    })
    }
    if(z==1){
    l.css("background-color","rgb(94,79,57)");
    l.eq(1).css("background-color","orange");
    }
    if(z==2){
    l.css("background-color","rgb(94,79,57)");
    l.eq(2).css("background-color","orange");
    }
    }
    window.setInterval(move,3000)
    l.eq(0).mouseover(function(){
    l.css("background-color","rgb(94,79,57)");
    l.eq(0).css("background-color","orange");
    bo.animate({marginLeft:0+"px"},
    500,
    function(){})
    })
    l.eq(1).mouseover(function(){
    l.css("background-color","rgb(94,79,57)");
    l.eq(1).css("background-color","orange");
    bo.animate({marginLeft:(-680)+"px"},
    500,
    function(){})
    })
    l.eq(2).mouseover(function(){
    l.css("background-color","rgb(94,79,57)");
    l.eq(2).css("background-color","orange");
    bo.animate({marginLeft:(-1360)+"px"},
    500,
    function(){})
    })

  • 相关阅读:
    每日一题_191208
    每日一题_191207
    每日一题_191206
    每日一题_191205
    每日一题_191204
    每日一题_191203
    每日一题_191202
    每日一题_191201
    每日一题_191130
    2020届成都一诊理科16题
  • 原文地址:https://www.cnblogs.com/m110/p/7683618.html
Copyright © 2011-2022 走看看