JQuery懸停菜單，如果瀏覽器禁用了javascript，那麼它就像常規菜單那樣工作

Question

如果瀏覽器禁用了Javascript，是否有這種方法可以讓此代碼不具備懸停點鏈接的圖片？然後當Javascript被禁用時，鏈接就像常規的懸停點一樣工作？

<script type="text/javascript" src="/Scripts/jquery-1.2.2.pack.js"> 
<script type="text/javascript"> 
$(function() { 
// set opacity to nill on page load 
$("ul#bnavmenu span").css("opacity", "0"); 
// on mouse over 
$("ul#bnavmenu span").hover(function() { 
// animate opacity to full 
$(this).stop().animate({ 
opacity: 1 
}, 'slow'); 
}, 
// on mouse out 
function() { 
// animate opacity to nill 
$(this).stop().animate({ 
opacity: 0 
}, 'slow'); 
}); 
}); 
</script> 

Answer 1

沒有看到完整的菜單中可以設置CSS懸停規則

ul#bnavmenu span { 
opacity:0; 
filter: alpha(opacity=0); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
-moz-opacity:0; 
} 

ul#bnavmenu span:hover { 
opacity:1; 
filter: alpha(opacity=100); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
-moz-opacity:1; 
} 

，如果你真的想要去的黃金，你可以使用CSS3動畫http://www.w3schools.com/css3/css3_animations.asp

Answer 2

你剛纔說「如果瀏覽器禁用了JavaScript「，它將如何讀取您的代碼？

你需要使用一個沒有腳本標籤，並把你的自定義樣式&標籤之間的人與JavaScript關閉。

<noscript> 
tags and css 
</noscript>