轉換點擊onmouseover javascript

我想改變點擊事件到一個onmouseover事件來打開我的div，然後如果鼠標離開我的div再次隱藏，就像下拉菜單，任何人都可以幫助我。轉換點擊onmouseover javascript

HTML代碼：

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Papermashup.com | Sliding Div</title> 
<script src="jquery.js" type="text/javascript"></script> 
<script src="dropdown/drop.js" type="text/javascript"></script> 
<link type="text/css" href="dropdown/drop.css" rel="stylesheet"/> 

</head> 

<body> 
<a href="#" class="show_hide" onmouseover="this.#" >Show/hide</a><br /> 
    <div class="slidingDiv" style="width:103px;height:60px;"> 
     <img alt="" height="80" src="images/dropdown.png" width="103"> 
    </div> 
</body> 
</html>

CSS代碼：

.show_hide { 
    display:none; 
}

JavaScript代碼：

$(document).ready(function() { 

    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 

    $('.show_hide').click(function() { 
     $(".slidingDiv").slideToggle(); 
    }); 

});

來源

2012-10-31 Mohamamdreza Siahpoosh

什麼阻止你將'a'' onmouseover'事件更改爲'onclick'？ – Andy

@Mohamamdreza：爲什麼不能直接使用onclick？如果你想要它如此糟糕，那麼你可以使用event.initMouseEvent（）來模擬一個click事件來代替mouseover。 – karthick

實際上我想用這個創建一個下拉菜單，所以我想在鼠標移過我的按鈕時顯示div，並且我想在鼠標左移時隱藏div。 –

嘗試

$(".show_hide").mouseenter(function() { 
     $(".slidingDiv").slideToggle(); 
    })

來源

2012-10-31 12:18:16

謝謝你老兄，有什麼解決辦法，如果鼠標左div再次隱藏？ –

哦，我明白了，再次thanx –

@MohamamdrezaSiahpoosh非常歡迎 –

只需使用mouseover綁定而不是點擊綁定即可。

$('.show_hide').mouseover(function(){ 
    $(".slidingDiv").slideToggle(); 
}).mouseout(function(){ 
    $(this).slideToggle(); 
});

來源

2012-10-31 12:18:57

謝謝你的傢伙，有沒有解決方案，如果鼠標離開div再次隱藏？我想創建類似下拉菜單 –

哦，我明白了，再次thanx –

我編輯了我的答案，以顯示[mouseout]（http://api.jquery.com/mouseout/）綁定的行動。 –

轉換點擊onmouseover javascript

回答

相關問題