zoukankan      html  css  js  c++  java
  • 轮播制作

    $(function(){
    var h=$(".silde img").width();
    var index=0;
    var timer;
    var len=$(".silde li").length;
    $(".silde-page>li").click(function(){

    $(this).css({"background":"#D03800","opacity":"0.7"}).siblings().css({"background":"black","opacity":"0.5"});
    index=$(this).index();
    console.log(index);
    move();
    // (".silde").animate({marginLeft:-h*index+"px"},1000);
    });
    function move(){
    if(index==len){
    index=0;
    }
    $(".silde").animate({marginLeft:-h*index+"px"},1000,function(){
    index++
    });
    console.log(index);
    $(".silde-page>li").eq(index).css({"background":"#D03800","opacity":"0.7"}).siblings().css({"background":"black","opacity":"0.5"})
    }
    timer=setInterval(move,2500);

    $(".silde img").hover(function(){
    clearInterval(timer)
    },function(){
    timer=setInterval(move,2500);
    })
  • 相关阅读:
    C
    A
    L
    G
    关于html()、val()、text()
    EL表达式
    JSON书写格式示例
    Servlet获取项目名的方法
    修改完Servlet后不用重启项目的设置方法
    浮动
  • 原文地址:https://www.cnblogs.com/yaomengli/p/6538936.html
Copyright © 2011-2022 走看看