javascript - 淡出所有“LI”元素

Question

请告诉我如何使用 PrototypeJS 隐藏（淡出）所有li元素。

PS可以有任意数量的li元素。

HTML：

<div class="rtr-img" >
  <ul id="rotator_ul">
    <li id="rtr-img-1"><a href="/link/1/"><img src="b1.jpg"/></a></li>
    <li id="rtr-img-2"><a href="/link/2/"><img src="b2.jpg"/></a></li>
    <li id="rtr-img-3"><a href="/link/3/"><img src="b3.jpg"/></a></li>
  </ul>
</div>

Answer 1

据我所知，PrototypeJS 没有内置动画/效果。您可以使用 Scriptaculous 库，它是 Prototype 的附加组件，并提供了一个fade方法。

如果要淡出整个ul元素：

$("rotator_ul").fade({ 
    from: 1,
    to: 0 
});

如果您想（如您的问题中所述）淡出所有li元素：

$$("li").invoke("fade", { 
    from: 1, 
    to: 0 
});