如何使用 jQuery 选择区域元素?当鼠标悬停在区域元素上时,我需要更改隐藏的 div 元素上的 CSS。我无法使用 CSS 来完成此操作,因为区域元素不受 CSS 影响。
jQuery:
(function(){
$("#trigger1").hover(
$("#tooltip1.tooltipContent").css("display", "block");
);
});
html(样本):
<img alt="" style="border-width: 0px; border-style: solid;" usemap="#Map2" src="_images/timeline2.jpg" />
<map id="Map2" name="Map2">
<area id="trigger1" href="#" coords="21,99,12" shape="circle" />
</map>
最佳答案
jQuery中的hover()
函数接受2个函数作为参数
$("#trigger1").hover(
function(){
$("#tooltip1.tooltipContent").show(); // show() takes care of display block
},
function(){
$("#tooltip1.tooltipContent").hide(); // hide() takes care of display none
}
);
在您的示例中,.toggle()
可能更适合
$("#trigger1").hover(
function(){
$("#tooltip1.tooltipContent").toggle();
}
);
检查 jQuery API 页面:
关于javascript - jQuery - 将 onHover 处理程序添加到区域元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23157198/