0

私のセットアップは、リスト項目の背景が画像である順序付けられていないリストです。人がリスト項目にカーソルを合わせたときに、3 つの div を (それぞれ異なる方法で) スライドさせる必要があります。

<ul id="tiles">
  <li class="hoverme" style="background: url(images/pic.jpg);">
     <div id="slide_div_1" style="display: none;">
       Lalala
     </div>
     <div id="slide_div_2" style="display: none;">
       Yayaya
     </div>
     <div id="slide_div_3" style="display: none;">
       Bababa
     </div>
  </li>
</ul>

これはjQueryで実現できますか? どこにもトラブルシューティングできませんでした。

ありがとうございました！

4

1 に答える 1

0

display: none次のデモでは、jQuery を使用してタイマーで子 div の幅をアニメーション化するのではなく、幅をゼロに設定します。デモは、探している効果に応じて変更が必要になる可能性があります

デモ: http://jsfiddle.net/L2tbf/1/

于 2012-10-07T02:01:42.863 に答える