jQuery - 將onHover處理程序添加到區域元素

Question

如何使用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> 

活頁：http://www.securitybankusa.com/about-test.htm

Answer 1

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頁面：

• hover
• toggle