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

简洁的带缩略图的jquery焦点图特效
下载次数:1 文件大小: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});
        });
    });

 

0 条评论