0

liPrototypeJSを使用してすべての要素を非表示（フェードアウト）にする方法を教えてください。

liPS要素はいくつでもかまいません。

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>
4

1 に答える 1

2

私の知る限り、PrototypeJSにはアニメーション/エフェクトが組み込まれていません。Prototypeのアドオンであり、fadeメソッドを提供するScriptaculousライブラリを使用できます。

要素全体をフェードアウトする場合ul：

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

li（質問で述べたように）すべての要素をフェードアウトしたい場合：

$$("li").invoke("fade", { 
    from: 1, 
    to: 0 
});
于 2012-05-31T07:33:59.630 に答える