2012-01-17 329 views
0

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

回答

0

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

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

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

  • '?看到我的源代码[here](http://xeenat.com/lima/) – mapr 2012-01-17 05:01:49

    +0

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

    +0

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

    0

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

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

    的悬停和

    .normalMenu, .normalMenu:visited 
    

    正常菜单

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

    +0

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

    +0

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

    +0

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