其他分享
首页 > 其他分享> > 1115

1115

作者:互联网

 样式 var $list = $(this).closest(".filter-list");    var height = $list.css("height");       if(height === "30px"){    $(this).addClass("active");   $list.css({"overflow":"auto","height": "auto"});   }else{     $(this).removeClass("active");     $list.css({"overflow":"hidden","height": "30px"});   }     放大镜 (200为例) $(function(){     $(".small_box").hover(function(){         $(this).find(".float_layer").show();         $(".big_box").show();     },function(){         $(this).find(".float_layer").hide();         $(".big_box").hide();     })     $(".small_box").mousemove(function(e){         //鼠标位置         var x = e.offsetX, y = e.offsetY;         // 小黑框的左上角位置, -100 让鼠标永远在小黑框的中间位置         var left = x - 100, top=y-100;        if(left<0){            left=0;        }        if(top<0){            top=0;        }        if(left>200){            left=200;        }        if(top>200){         top=200;     }         $(this).find(".float_layer").css({             top: top + "px",             left: left + "px"         })
        $(".big_box img").css({             top: -2 * top + "px",             left: -2 * left +"px"         })     }) })

标签:box,top,list,height,1115,css,left
来源: https://www.cnblogs.com/zj2365/p/15561074.html