將鼠標懸停在不透明的菜單[增訂]

這是我看中的菜單..將鼠標懸停在不透明的菜單[增訂]

 <script type="text/javascript"> 

     $('#brand_logo').bind('inview', function(event, visible) { 
      if (visible == true) { 
       // console.log("visible"); 
       $("#topnav").animate({ 
        opacity: 1.0 
       }); 
       // $(".head-wrap-left").hide(); 
      } else { 
       // console.log("invisible"); 

       $("#topnav").animate({ 
        opacity: 0.6 
       }); 
       // $(".head-wrap-left").show(); 
      } 
     }); 

     </script>

只有一個問題。如果用戶重新加載頁面和元素不是在視口中，則默認爲1.0不透明。我怎樣才能解決這個問題？

來源

2012-07-07 greycode

你試過綁定inview和mouseenter嗎？像這樣：

$('#brand_logo').bind('inview mouseenter', function(event, visible) {..}

你並不需要使用.find如果在刷新或負載視你inview事件應該被觸發。

來源

2012-07-07 03:03:37 Miro

感謝您的意見。這沒有用。如果重新加載並且#brand_logo不在視口中，則#topnav默認爲完全不透明（1.0）。如果#brand_logo不在視口中，無論如何，我都希望它在0.6。你所建議的懸停效果也不起作用。 – greycode 2012-07-07 03:12:21

我更新了我的問題。我需要onLoad才能正常工作。 – greycode 2012-07-07 03:28:34

你可以發佈更多的代碼或在jsfiddle.net上進行示例 – Miro 2012-07-07 21:25:45

將鼠標懸停在不透明的菜單[增訂]

回答

相關問題