javascript - 有没有办法将鼠标悬停在链接上,然后更改图像或背景图像?

标签 javascript html css image hover

<分区>

我认为最好的方法是使用 css 或 javascript。我什至不确定这是可能的。

我所有的CSS

html {
    background: url(http://i.imgur.com/6oqXuwz.jpg) no-repeat center center fixed;
    background-size: cover;
}


/* unvisited link */
a:link {

}

/* visited link */
a:visited {

}

/* mouse over link */
a:hover {

}

/* selected link */
a:active {

}

最佳答案

<script> 
jQuery('#link').hover(function() 
{ 
jQuery('body').css("background-image", "url('foo/bar.png')");
}); 
</script>

您可以尝试上面的方法,其中 # 是您可以更改为 .使用一个类。您还可以使用它来更改 div 的元素,方法是再次将 body 更改为 #foo 或 .foo,具体取决于您使用的是类还是 ID。希望这会有所帮助。

关于javascript - 有没有办法将鼠标悬停在链接上,然后更改图像或背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32303151/

上一篇:javascript - 通过标签 html 中的照片列表进行更改

下一篇:html - 如何使图像在桌面上并排显示在一行中,但在移动设备上响应迅速且彼此居中?

相关文章:

html - 在页脚中放置 div

javascript - 提交表单时旋转器 angularjs

javascript - 在 Node-RED 中,使用 npm 安装后如何引用 javascript 库

css - opa 文本区域宽度

css - Bootstrap - 一行有两列,将所有其他列放在第一行的第二列下,

javascript - 将 XML 内容提取到 HTML 中

javascript - HTML5 音频元素无法在 IOS 11 设备上的 safari 中播放 mp3 Livestreams

javascript - 查找与 Google map 多边形相交的州

html - 如何使 Button 在 JSP 页面中无法调整大小

javascript - 用JS检测图片(图片标签)是否加载