我试图使用这个代码:
<script> jQuery('#MySelectorDiv').fadeTo(500,0.2); </script>
为了淡出一大堆名为MySelectorDiv的div,唯一的是,它只会淡出第一个而不是所有的div,为什么呢?
我也不喜欢翻滚的div,所以基本上所有的div都会变灰,除了活跃的一面.
希望你能理解.
解决方法
只有第一个正在褪色,因为您使用的是ID而不是一个类.
如果你想让你的所有div淡出,而不是这样做:
<div id="MySelectorDiv">...</div>
做这个:
<div class="MySelectorDiv">...</div>
并将您的jQuery选择器字符串更改为’.MySelectorDiv’
它目前无法工作的原因是因为ID应该是页面上唯一的,因此jQuery不会麻烦找到所有的元素,只是第一个匹配该ID.
至于悬停的褪色:
$(".MySelectorDiv") .fadeTo(500,0.2) .hover(function () { $(this).fadeTo(500,1); },function () { $(this).fadeTo(500,0.2); });
这首先淡化你的div,然后在它们上附加一个悬停事件 – 当鼠标进入该区域时运行第一个功能,当鼠标离开区域时运行第二个功能.