【问题标题】:Hover Navigation Link - Change Logo Image悬停导航链接 - 更改徽标图像
【发布时间】:2011-08-04 02:22:02
【问题描述】:

我有一个徽标标题和下面的 5 个链接作为主导航。每次悬停链接时,我想用徽标的颜色变化替换主徽标图像。因此,每个链接会有 5 个不同颜色的徽标。将鼠标悬停在链接上,徽标会出现颜色变化。

我正在为悬停图像找到很多解决方案来更改另一个图像和悬停链接以显示图像,但没有任何帮助我。

任何帮助将不胜感激!

【问题讨论】:

  • 你试过什么?您具体看过哪些内容,为什么对您没有帮助?

标签: jquery css image hover


【解决方案1】:
$(".link").hover(function(){
  $("#header").attr("src","/images/"+$(this).attr("class").split(" ")[1]+"Logo.png");
},function(){
  $("#header").attr("src","/images/defaultLogo.png");
})


<a class="link red" href="home.htm">home</a>
<a class="link blue" href="products.htm">products</a>
<a class="link green" href="about.htm">about</a>
<a class="link yellow" href="contact.htm">contact</a>

我就是这样做的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-02-09
    • 1970-01-01
    • 2018-12-01
    • 1970-01-01
    • 2011-06-10
    • 1970-01-01
    • 2012-10-31
    相关资源
    最近更新 更多