<分区>
<分区>
我需要一个显示图像的按钮,当悬停时显示另一个图像。这可以通过 link(a) 和带有 class/onmouseover/onmouseout 事件的常规元素来完成。链接仅在重定向到 URL 时使用,因此如果我需要使用 OnClick(用于调用函数),我应该使用具有 onmouse 事件的常规元素吗?
问题是,当 ajax 调用结束时,我需要更改两个按钮的类/onmouseover/onmouseout,这将是很多 jquery 代码。
那么如何尽可能简单地解决这个问题?
最佳答案
onclick
也可以使用a
标签,只需在href
中输入"javascript:void(0)"
即可code> 属性,更改类不会有很多 jquery 代码,只有几行代码。
$("#elementid").attr("class","newclass")
$("#elementid").attr("onmouseover","newvalue")
$("#elementid").attr("onmouseout","newvalue")
CSS 方式
HTML:
<a href="javascript:void(0)" onclick="function()" id="idAnchor"></a>
CSS:
a#idAnchor{
display:block;
width:50px; /*width of your image*/
height:50px; /*height of your image*/
background:url("imagepath");
}
a#idAnchor:hover{
background:url("newimagepath");
}
关于jquery - 使用 onclick 处理悬停图像的最佳方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14084548/