Javascript 在wordpress中更改鼠标上方的徽标

嗯， 所以我想做的是在鼠标上更改我的徽标。 如果默认徽标是default.PNG，我想在鼠标悬停在它上面时将其更改为new.PNG

我正在寻找最好的解决方案，这是与IE兼容的。我已经尝试了很多让这个工作：在CSS悬停，但无法使它，所以请协助

以下是my header.php文件的外观：

<!--Logo-->
        <div class="grid_3_no_margin"> 
            <a href="<?php echo site_url() ?>">
                <?php if(!empty($al_options['al_logo'])):?>
                    <img src="<?php echo $al_options['al_logo']?>" alt="<?php echo $al_options['al_logotext']?>" id="logo-image" class="logo" />
                <?php else:?>
                    <?php echo isset($al_options['al_logotext']) ? $al_options['al_logotext'] : 'Balance' ?>
                <?php endif?>
            </a>
        </div>
        <!--End Logo-->

这就是我使用firefox插件分析实际徽标元素时得到的结果：

<div class="grid_3_no_margin"> 
    <a href="http://myurl.com">
      <img src="http://myurl.com/icons/logo.PNG" alt="Logo" id="logo-image" class="logo">
    </a>
</div>

---

谢谢

如果要更改img或img源代码，需要使用javascript

通过使用背景图像属性，您可以在css中获得相同的结果：

.img-div {
    background-image: url('logo.png');
    height : <logo-height>
    width : <logo-width>
}

.img-div:hover {
    background-image: url('logo2.png');
}

.img div{
背景图片：url（'logo.png'）；
高度：
宽度：
}
.img分区：悬停{
背景图片：url（'logo2.png'）；
}

设置

但是，假设您已经知道div的高度和宽度（分别替换为in和）

• 这是跨浏览器的，没问题

• 这比在JS中进行更轻松，并且您没有加载问题，因为在解析CSS时，logo2.png将被加载

---

那么，你的意思是创建这样的东西：alt=”“id=“logo image”class=“logo”/>我这样做了，但不起作用。无论如何，我用JavaScript修复了它！谢谢你的帮助！这是奥古斯丁最理想的情况。不需要为可以由CSS实现的这么简单的东西运行脚本。我给了你一个赞成票。：）