在IE6中使Javascript / jQuery下拉菜单工作?

时间:2011-02-21 05:58:43

标签: javascript jquery css menu internet-explorer-6

我用很多方法创建了一个下拉菜单:Javascript,Dreamweaver Spry,CSS。使用我的中级安全IE6进行测试时,它们都不起作用。 IE6提示我安全警告。

我尝试用IE6打开其他网站,他们的下拉菜单也不起作用。

然后我找到了这个网站:

http://www.trubus-online.co.id/trindo7/index.php?option=com_content&view=article&id=5083:peluang-bisnis-budidaya-sengon-dan-jabon&catid=54:pelatihan&Itemid=411

它的Javascript / jQuery下拉菜单有效,而其他网站没有。

它是否使用黑客绕过IE6安全性?如何使我的下拉菜单工作?我不想使用“noscript”标签。

我正在使用的代码是:

(1)CSS下拉菜单: http://jsfiddle.net/f2RbG/

(2)Javascript下拉菜单: http://jsfiddle.net/Aqbh2/

1 个答案:

答案 0 :(得分:1)

我觉得你对IE6很痛苦,在我工作的地方我们仍然需要“支持”IE6。

我的网站上有类似的下拉菜单,可以在IE6中使用,我很高兴与您分享代码示例:

<强> HTML:

<ul id="menu">
  <li> 
    <a href="http://target" id="listlink" title="">Hover over me...</a> 
    <ul class="list">
      <li>This</li>
      <li>is a</li>
      <li>list</li>
    </ul> 
  </li> 
<ul>

<强> jQuery的:

$(document).ready(function() {
    // Quicklinks Animation
    $("#menu a").attr("href", "#");
    $('#menu li').hover(
       function () {
           $(this).find(".list").fadeIn(555);
    });
    $('#menu li').mouseleave(function(){
        $(this).find(".list").fadeOut(555);
    });   
});

检查它在这里工作 - http://jsfiddle.net/HaXaM/3/

希望这有帮助。