Jquery onmouseover 改变图像

标签 jquery css background-image onmouseover

可以这样做,我想在鼠标悬停时更改图像:

<img src="icon_rss.png" border="0" alt="" onmouseover="jQuery(this).css('background-image':'url(icon_rss_over.png)');" />

我尝试使用 jquery 更改 onmouseover 上的图像,或者我做了一些不好的事情,我认为我做的一切都很好,但是当光标移到上方时,没有得到可以更改图像的结果


目前我无法正常工作,感谢您的帮助

最好的问候!!!

最佳答案

你有错字

onmouseover="jQuery(this).css('background-image','url(icon_rss_over.png)');"
                                                ^ //you need , not :


或者您也可以使用 : 我们使用 .css({}) 分配多个属性。一个或多个。

onmouseover="jQuery(this).css({'background-image':'url(icon_rss_over.png)'});"
                              ^                  ^                        ^

引用

.css()

关于Jquery onmouseover 改变图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20038478/

相关文章:

javascript - JQuery如何获取可以有两个不同名称的元值的内容?

javascript - Firefox WebExtension - 如何获取和修改跨域iframe的内容

javascript - 全局onBlur/onFocus

javascript - Js(和 HTML、CSS)中的背景图像幻灯片

html - css 图像叠加在背景图像上

jquery - 滑动切换类

jquery - 使用 JQuery 排列 Div

sass - compass Sprite 图像和比例

css - 如何防止 ionic 卡中的自动调整图像大小

带有顶部和底部填充的 css 拉伸(stretch)背景图像