zoukankan      html  css  js  c++  java
  • 项目pather代码

    //底部轮播功能
    //盒子scrollRight滚动 把滚动的li 插入ul第一个子元素当中 prepend
    var ulParentWidth = $('.patherBox').innerWidth();
    console.log(ulParentWidth);

    var lis = $('#runbox').children('li');
    var lislong = lis.length;
    var liWidth = lis.eq(0).outerWidth();
    var t3 = 400;
    var t4 = 2000;
    var timerPather;
    console.log(lislong*liWidth);
    //滚动
    //自动滚动
    if(lislong*liWidth > ulParentWidth){
    console.log(123);
    timerPather = setInterval(function(){
    $('#runbox').animate({"margin-left":"-"+liWidth},t3,function(){
    $(this).css("margin-left","0").children().eq(0).appendTo($(this));
    });
    },t4);
    }
    //暂停
    $('.patherBox').on({
    "mouseover":function(){
    clearInterval(timerPather);
    },
    "mouseout":function(){
    if(lislong*liWidth > ulParentWidth) {
    timerPather = setInterval(function () {
    $('#runbox').animate({"margin-left": '-' + liWidth}, t3,function(){
    $(this).css("margin-left", "0").children().eq(0).appendTo($(this));
    });
    }, t4);
    }
    }
    });
    //左右两边按钮
    //左边
    $('.glyphicon-menu-left').on({
    "mouseover":function(){
    clearInterval(timerPather);
    },
    "mouseout":function(){
    if(lislong*liWidth > ulParentWidth) {
    timerPather = setInterval(function () {
    $('#runbox').animate({"margin-left": '-' + liWidth}, t3,function(){
    $(this).css("margin-left", "0").children().eq(0).appendTo($(this));
    });
    }, t4);
    }
    },
    "click":function(){
    $('#runbox').animate({"margin-left": '-' + liWidth}, t3,function(){
    $(this).css("margin-left", "0").children().eq(0).appendTo($(this));
    });
    }
    });
    //右边
    $('.glyphicon-menu-right').on({
    "mouseover":function(){
    clearInterval(timerPather);
    },
    "mouseout":function(){
    if(lislong*liWidth > ulParentWidth) {
    timerPather = setInterval(function () {
    $('#runbox').animate({"margin-left": '-' + liWidth}, t3,function(){
    $(this).css("margin-left", "0").children().eq(0).appendTo($(this));
    });
    }, t4);
    }
    },
    "click":function(){
    $('#runbox').animate({"margin-left": liWidth}, t3,function(){
    $(this).css("margin-left", "0").children().last().insertBefore($(this).children().first());
    });
    }
    })
  • 相关阅读:
    关于httpd服务的安装、配置
    时间同步ntp服务的安装与配置(作为客户端的配置
    通过挂载系统光盘搭建本地yum仓库的方法
    linux系统的初化始配置(包括网络,主机名,关闭firewalld与selinux)
    Linux下GNOME桌面的安装
    Java面试题汇总
    无敌存储过程分页使用
    正则表达式
    函数
    杂货
  • 原文地址:https://www.cnblogs.com/fdxxiaobai/p/6912664.html
Copyright © 2011-2022 走看看