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" }) }) })
$(".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