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>

如果浏览器禁用了javascript，则JQuery悬停菜单就像常规菜单一样工作

2 个答案: