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()
方法1:
不需要js,css加一句:
不过得注意下d1宽度……
方法2:
加个新类
.opa1{opacity:1}
然后用addClass和removeClass做。animate前先stop掉动画。
或者用封装好的.hover()