自己写了个小效果，但是不知道为什么一直不是很顺畅。老是闪。

2016-07-14 03:30:03 171 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

手把手教你用Simulink搭建DSOGI-PLL模型（附完整代码下载）本文详细介绍了在Simulink中搭建高鲁棒性DSOGI-PLL模型的完整工程实践指南。针对传统锁相环在非理想电网下的不足，文章深入剖析了双二阶广义积分器锁相环（DSOGI-PLL）的核心原理与优势，并提供了从模块构建、系统组装到参数整定与测试验证的全流程手把手教程，附有完整代码下载，助力工程师应对谐波、电压跌落等复杂电网工况。阅读详情

我想要的效果是：鼠标指就出现一个遮挡层。
鼠标离开对象，遮挡层就消失。
我用了两种方法都是这样。鼠标一移动遮挡层就消失，然后又出现。这样闪啊闪啊。
是我的CODE有哪里不对吗？请大神来帮帮我，教教我怎么优化，谢谢。
下面是我的CODE



<!DOCTYPE>

<html>

<head>

<meta charset = "utf-8" />

<script src = "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>

<script>

//$().ready(function(){

//$(".div1").mouseover(function(){ 

//$(".div2").show();

//} )

/*$("img").mouseenter(function(event){

event.stopPropagation();

$(".div2").stop().css("display","inline");

} )

.mouseleave(function(event){

event.stopPropagation();

$(".div2").stop().css( "display", "none");

} )

 } )

 */

 $().ready(function(){

 $(".div1").mouseenter(function(){

  $(".div2").clearQueue();

 $(".div2").addClass("modal");

 } )

 .mouseleave(function(){

 $(".div2").clearQueue();

 $(".div2").removeClass("modal");

 } )

 })

</script>

<style>

.div1 {

width:100px;

height:100px;

}

img {

width:100px;

}

.modal {

width:100px;

height:100px;

background-color:grey;

position:absolute;

left:8px;

top:0;

opacity:0.6;

}

</style>

</head>

<body>

<div class = "div1">

<div>

<img src = "6011443968.jpg">

</div>

</div>

<div class = "div2" >

</div>

</body>

</html>