jQuery带缩略图横向滚动切换代码

分类: 图片相关
时间: 2017-05-23 10:47:04
编辑: 墨倾天下
浏览: 1284

下载次数：2 文件大小：158.4KB 所需积分：0 QQ联系购买积分：3331653644（1元=10积分）

$(document).ready(function($){
    var windowWidth = $(window).width();
    $(".ct-fimglist").width(windowWidth * 4);
    $(".ct-fimglist li").width(windowWidth);
    $(".ct-ftoollist li").mouseover(function(){
        $(this).siblings().removeClass("on");
        $(this).addClass("on");
        var preNumber=$(this).prevAll().size();
        $(".ct-fimglist li").removeClass("onpre");
        $(".ct-fimglist li:nth-child("+preNumber+")").addClass("onpre");
        var margin = windowWidth; margin = margin *preNumber;
        margin = margin * -1;
        $(".ct-fimglist").stop().animate({marginLeft: margin + "px"}, {duration: 500});
    });
});

适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。

标签:

jquery 图片切换