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()
![[Web フロントエンド] 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()