简洁的带缩略图的jquery焦点图特效

分类: 图片相关
时间: 2018-01-16 21:24:41
编辑: 墨倾天下
浏览: 1549

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

    jQuery(document).ready(function($){
        $(".guidelist li").hover(
            function () {
                $(this).attr("class", "mouseon");
              },
              function () {
                $(this).attr("class", "mouseout");
              }
        );
        $(".ftoollist li").mouseover(function(){
            $(this).siblings().removeClass("on");
            $(this).addClass("on");
            var preNumber=$(this).prevAll().size();
            $(".fimglist li").removeClass("onpre");
            $(".fimglist li:nth-child("+preNumber+")").addClass("onpre");
            var margin = 990;
            margin = margin *preNumber; 
            margin = margin * -1;
            $(".fimglist").stop().animate({marginLeft: margin + "px"}, {duration: 500});
        });
    });

标签:

jquery 图片切换图片轮播