用戶菜單淡入和淡出

我有用戶菜單，需要淡入和淡出鼠標和鼠標從圖標。我的問題是，用戶也應該能夠懸停在菜單上（或在這種情況下，img），而不是菜單淡出，以便他們可以點擊鏈接或圖像內。這是我的代碼和jsfiddle。 http://jsfiddle.net/anschwem/7mrM2/用戶菜單淡入和淡出

<style> 
div.notif 
{ 
    display:none; 
    position:absolute; 
    border:solid 1px black; 
    padding:8px; 
    background-color:white; 
} 
a.notif:hover + div.notif 
{ 
    display:block; 

} 
div.notif:hover 
{ 
    display:block; 

} 
</style> 
<script type='text/javascript'>//NOT WORKING 
$(window).load(function(){ 
$(document).ready(function() 
{  
    $(".notif").hover(
     function() { 
     $('.notif').fadeIn('slow'); 
     }, 
     function() { 
     $('.notif').fadeOut('slow'); 
     } 
    ); 
}); 
});//]]> 
</script>//NOT WORKING 
</head> 
<body> 
<a class="notif" href="notifications.html" style="text-decoration:none;"><img src="images/bubble.png" style="position:relative; top:20px;"/></a> 
    <div class="notif" style="z-index:999999; "> 
<a href="notifications.html"><img src="images/notif.png"/></a> 
</body>

來源

2013-01-23 triplethreat77

鏈接從網站騙取錢財的圖像。處理破碎的圖像並不容易......另外，在jsFiddle中，您必須將jQuery設置爲框架。 [更新的小提琴]（http://jsfiddle.net/DJDavid98/7mrM2/1/） – SeinopSys

你不能懸停在一些不可撼動的東西上。 'fadeOut'以'display：none'結尾！從這個角度來看，你在徘徊什麼，以便它「褪色」？沒有！ – kidwon

我可以帶走淡入淡出的代碼，我只是認爲這會有所幫助。我之前使用過它，只是當您將鼠標懸停在（新淡入）菜單上時，它會消失，因爲您將鼠標懸停在圖標上以專注於菜單。 – triplethreat77

這會幫助你。見JSFiddle demo

HTML

<div class='parent'> 
    <a class="notif" href="notifications.html" style="text-decoration:none;"><img src="http://upload.wikimedia.org/wikipedia/commons/a/ac/Approve_icon.svg" height="30" width="30"/></a> 

    <div class="notif" style="z-index:999999; "> 
     <a href="notifications.html"><img src="http://doinghistoryproject.tripod.com/sitebuildercontent/sitebuilderpictures/failure-message.gif" height="80" width="80"/></a> 
    </div> 
</div>

$(document).ready(function() { 
    $(".parent").hover(
    function() { 
     $(this).find('div.notif').stop().fadeIn('slow'); 
    }, 
    function() { 
     $(this).find('div.notif').stop().fadeOut('slow'); 
    }); 
});

來源

2013-01-23 17:57:15 Wolf

狼！我們再見面。這很好，只有一個懸停菜單。如果我想讓我們說3呢？如果您使用不同的ID添加多個ID，他們會召喚對方。奇怪。 – triplethreat77

你可以更新複製該案件的小提琴嗎？ – Wolf

嗯，我複製了你有的東西，你可以看到它們很糟糕.http：//jsfiddle.net/anschwem/7mrM2/12/ – triplethreat77

用戶菜單淡入和淡出

回答

相關問題