HTML 代码:
<body>
<img class="card" src="card.jpg"/>
</body>
CSS 代码
.card{位置:静态;边距顶部:100px;左边距:100px;z 指数:10;}
.cuad{ 不透明度:0.3; 边框:4px纯黑色;宽度:40px;高度:40px;z指数:5;}
jQuery代码:
$(document).ready(function(e){
$(".card").mouseenter(function(e){
$("body").append($("<div class='cuad'></div>").css({"position": "absolute", "top": (e.pageY-24)+"px", "left": (e.pageX-24)+"px"}));
});
$(".card").mouseleave(function(e){
$(".cuad").remove();
});
});
这段代码的问题是,在.card类元素区域入口处创建的div闪烁,因为自动调用了mouseleave函数,最后进入了死循环。
有人看到代码中的错误吗?