2012-01-17 2 views
0

Я столкнулся с this учебником для реализации меню на основе jQuery. Он работает отлично, но мне интересно, есть ли у вас другая цветная кнопка для каждой ссылки? У каждой ссылки будет другая цветная кнопка. Любая идея, как я могу это достичь? Вы можете посмотреть мою работу до сих пор. Я попытался сделать три разных сценария для каждой кнопки и иметь три разных класса в CSS, но это не сработало.jQuery Menu Hover Effect

ответ

0

Просто сделайте это, это проще. Сделайте это в своем css вместо jQuery, если это даст вам проблемы.

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

, что имеет смысл. Смогу ли я получить тот же эффект jQuery? И в HTML, будет ли это '

  • '? Посмотрите мой источник [здесь] (http://xeenat.com/lima/) – mapr

    +0

    , если вы пытаетесь получить определенные эффекты, такие как slideDown, sildeUp, fadeIn и т. Д., Я бы использовал jQuery. Если вы вставьте свой код здесь [link] (http://jsfiddle.net/) с html с одной стороны и jquery с другой, я могу разобраться в нем – theDazzler

    +0

    Хорошо, вот он на jsFiddle - http: //jsfiddle.net/beekay/U8EHA/ – mapr

    0

    , что вам необходимо изменить было в CSS для этого селекторов,

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

    для парил и

    .normalMenu, .normalMenu:visited 
    

    для нормального меню

    с другим изображением предпочитаемых цветов.

    +0

    Значит, вы говорите, что мне нужно иметь еще два таких для каждого класса? Как и в .hoverMenu2, .hoverMenu2: посещено, .selectedMenu2, .selectedMenu2: visited' и '.normalMenu2, .normalMenu2: visited'? – mapr

    +0

    нет, классы уже находятся в css, вам просто нужно его искать и изменить свойство фона – XepterX

    +0

    Хмм. У меня есть. В настоящее время, как вы увидите [здесь] (http://xeenat.com/lima/). Но я хочу другой цвет для второй ссылки, а другой цвет для третьей ссылки. Прямо сейчас, с типом настроек есть, у меня может быть только один цвет, который является синим. – mapr