Question

我的设置是一个无序列表，其中列表项的背景是图像。当一个人盘旋在列表项目上时，我需要以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完成吗？我无法在任何地方对其进行故障排除。

谢谢！

Answer 1

以下演示设置宽度为零而不是display: none，并使用jQuery在计时器上设置子div的宽度。根据您正在寻找的效果，演示可能需要修改

DEMO：http://jsfiddle.net/L2tbf/1/

.li悬停的jQuery幻灯片事件？

1 个答案: