84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
$('#d11,#d12').on('mouseover',function(){ $('#d2').animate({opacity:'100'}); });
如代码所示，在d11,d12之间移动，animate会执行照成物体一闪一闪的，怎么解决。详细代码如下：
Document
光阴似箭催人老，日月如移越少年。
// 先终断之前的动画 $(document).ready(function(){ $('#d11,#d12').on('mouseover',function(){ $('#d2').stop(true).animate({opacity:'100'}); }); $('#d11,#d12').on('mouseout',function(){ $('#d2').stop(true).animate({opacity:'0'}); }); });
方法1：
不需要js，css加一句：
#d1:hover~#d2{opacity:1}
不过得注意下d1宽度……
方法2：加个新类.opa1{opacity:1}然后用addClass和removeClass做。
.opa1{opacity:1}
animate前先stop掉动画。或者用封装好的.hover()
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
方法1：
不需要js，css加一句：
不过得注意下d1宽度……
方法2：
加个新类
.opa1{opacity:1}然后用addClass和removeClass做。animate前先stop掉动画。
或者用封装好的.hover()