Javascript fadein淡出到jquery淡入淡出

我有JavaScript代碼fadein.fadeout菜單，當用戶徘徊它。Javascript fadein淡出到jquery淡入淡出

我想將JavaScript fadein fadeout轉換爲jQuery fadein fadeout。

請幫我理清這件事，我想jQuery的，因爲它加載的淡入淡出的風格，而在jurk在javascript

<style type="text/css"> 
    #div1 { 
     visibility: hidden; 
    } 
</style> 

<div onMouseOver="show('div1')" onMouseOut="hide('div1')"> 
    <div id="div1"> 
    </div> 
</div> 

<script> 
    function show(id) { 
     document.getElementById(id).style.visibility = "visible"; 
    } 
    function hide(id) { 
     document.getElementById(id).style.visibility = "hidden"; 
    } 
</script>

來源

2012-07-04 user1502411

jsFiddle

<div id="outer"> 
    <div id="inner">Test</div> 
</div> 

$("#outer").hover(function() { 
    $('#inner').fadeIn(); 
}, function() { 
    $('#inner').fadeOut(); 
});

雖然這是一般最好使菜單出來的東西多一點像語義小號<ul>

來源

2012-07-04 20:28:42 Sinetheta

謝謝哥們，這是一個我期待的，我的整個菜單準備好了，只需要這個。 – user1502411

我是否正確寫下了這段代碼： – user1502411

這似乎是正確的你得到任何錯誤？ – Kerberos

淡出套顯示爲無;

試試這個：

$("#div1").hover(
    function() {$(this).animate({opacity:1})}, // fade in 
    function() {$(this).animate({opacity:1})} // fade out 
);

如果你到防止你的用戶，你可能有一個看hoverIntent plugin生澀的事件。

來源

2012-07-04 20:26:37 Elad

試試這個，

$("#div1").hover(
function() {$(this).show('slow')}, 
function() {$(this).hide('slow')}

）;

您可以使用「快」或「正常」 PARAM而不是「慢」

更多細節你可以看到here。

編輯

如果您想TU使用手形光標在懸停格，你可以試試這個，

<style>#div1{cursor: pointer}</style>

來源

2012-07-04 20:38:37 Kerberos

Javascript fadein淡出到jquery淡入淡出

回答

相關問題