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(){})
    })

  • 相关阅读:
    fibnacci数列递归实现
    求最大公约数伪代码
    第五周学习总结
    第四周学习总结
    我的黑客偶像
    BASE64编码
    第三周学习总结
    第二周学习总结
    Python gui
    SSH实践
  • 原文地址:https://www.cnblogs.com/m110/p/7683618.html
Copyright © 2011-2022 走看看