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

  • 相关阅读:
    Shell基本语法
    CURL简单使用
    <C> 字符串简单习题
    <C> 字符串相关的函数
    <C> 内存分区
    <C> 最大值以及最大值下标 二分查找(折半查找)
    <C> 函数 函数指针
    <C> 冒泡排序及其非常非常非常简单的优化
    <C> typedef 宏 const 位运算
    <C> 数组
  • 原文地址:https://www.cnblogs.com/m110/p/7683618.html
Copyright © 2011-2022 走看看