jQuery Menu悬停效果

问题描述：

我遇到了this教程，用于实现基于jQuery的菜单。它的工作完美，但我想知道是否有可能为每个链接有不同的彩色按钮？每个链接都会有一个不同的彩色按钮。任何想法如何我可以实现这一目标？你可以在这里查看我的工作。我试着为每个按钮制作三个不同的脚本，并在CSS中有三个不同的类，但是这并不起作用。jQuery Menu悬停效果

答

只要做到这一点，就容易了。如果它给你带来麻烦，那么在你的css而不是jQuery中执行它。

#id_name:hover 
{ 
    background:url(hover-image.png); 
}

这是有道理的。我会得到相同的jQuery效果吗？而在HTML中，它会是“

'？看到我的源代码[here]（http://xeenat.com/lima/） – mapr 2012-01-17 05:01:49

如果你想获得像slideDown，sildeUp，fadeIn等特定效果，我会使用jQuery。如果你在这里粘贴你的代码[链接]（http://jsfiddle.net/）与一方的HTML和另一方面的jQuery，我可以为你排序 – theDazzler 2012-01-17 05:38:30

好吧，这里是在jsFiddle - http： //jsfiddle.net/beekay/U8EHA/ – mapr 2012-01-17 05:52:31

答

你需要什么样的改变是在CSS的这个选择，

.hoverMenu, .hoverMenu:visited, .selectedMenu, .selectedMenu:visited

的悬停和

.normalMenu, .normalMenu:visited

正常菜单

与你喜欢的颜色另一幅图像。

所以你说我需要为每个班还有两个这样的班级？如'.hoverMenu2，.hoverMenu2：visited，.selectedMenu2，.selectedMenu2：visited'和'.normalMenu2，.normalMenu2：visited'？ – mapr 2012-01-17 03:59:27

不，这些类已经在CSS中，你只需要查找它并更改背景属性 – XepterX 2012-01-17 04:05:40

嗯。我有。目前，你会看到[这里]（http://xeenat.com/lima/）。但我想为第二个链接指定不同的颜色，为第三个链接指定另一个不同的颜色。现在，随着设置的类型，我只能有一种颜色，它是蓝色的。 – mapr 2012-01-17 04:10:17

jQuery Menu悬停效果

相关推荐