jQuery淡化li元素并在鼠标悬停时循环它

时间:2010-12-21 05:13:54

标签: javascript jquery jquery-plugins

我正在尝试在jQuery中重新创建一个效果,其中一个元素(<li> <img>)将被循环并且在悬停时具有淡化效果。 “<li>”包含“<img>”(图片截图)。当鼠标位于元素顶部时,它将使“<ul>”中的所有内容保持循环,并具有淡化效果。当鼠标离开时,它将停止循环列表。我还想添加一个可以导航到列表的寻呼机。

我现有的代码: link text

我的问题:当前代码的分页存在一些问题,它添加了可以在代码上看到的所有图像。它不再是1-8,而是继续增加1-8和另一个。 第二个问题是,当页面加载时,它也会开始循环和淡出。只有当鼠标位于元素顶部时,循环和淡入才能起作用。

我不知道这种方法是否真的需要'循环插件'(Plugin Home Page),我想尽可能减少它。我只是使用'Cycle Plugin',因为它可以快速解决我的问题。

谢谢,圣诞快乐!


编辑

删除并添加了一个链接

1 个答案:

答案 0 :(得分:1)

我可能错了,我不熟悉这个插件,但似乎你需要为每个幻灯片显示一个ID,而不是像你这样使用类。

我已经使用您的代码设置了 JSFiddle 并进行了调整。以下是每张幻灯片应如何运作。

  1. 从鼠标悬停开始,在鼠标停止时停止
  2. 导航鼠标悬停的更改
  3. 点击导航时更改
  4. 我在您的问题的评论中给出的链接应该指导您使用此插件的可用选项。万一你错过了,这里是: plugin options