jquery实现下拉菜单一例
首先引入JQUERY，js代码如下：

$("li#subli").hover(function(){$("#submenu").slideDown();},function(){$("#submenu").slideUp();});

HTML代码如下：

<ul id="nav">
<li id="subli" style="position:relative;"><a id="pmenu" href="/edu">英国教育</a>
    <ul id="submenu" style="display:none; position:absolute; width:90px; height:100px; z-index:1; background:#ef0000; top:22px; left:0px; padding-top:5px;">
        <li><a href="/edu/gaozhong">高中</a></li>
        <li><a href="/edu/benke">本科</a></li>
        <li><a href="/edu/yanjiusheng">研究生</a></li>
        <li><a href="/edu/qita">其他</a></li>
    </ul>
</li>
</ul>

其中有个小插曲，就是事件在A的HOVER上触发时，移开后子菜单就收缩了，但设置了事件在LI上触发后问题依旧，于是去吃午饭，吃饭后灵感来了，把子菜单与菜单重合一部分，设置：”top:22px; padding-top:5px;“ ， 则巧妙解决了。。

呵呵，希望对菜单的朋友有帮助。
Tag标签: jquery,下拉菜单
posted on 2008-02-29 14:22 xiaohc 阅读(996) 评论(2)  编辑 收藏 网摘 所属分类: jquery

  回复  引用    
2008-03-03 09:41 | 就是普若伽门 [未注册用户]
什么时候浏览器不出现IE6兼容就好了，烦啊。
  回复  引用  查看    
2008-05-13 14:12 | xiaohc      
这个过程是漫长的，，，，

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
网站首页

新闻频道

社区

小组

博问

网摘

闪存

找找看
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
"五向定位"职业成长路线公开课(上海、南京、大连)
Google站内搜索


相关链接:

最新IT新闻:
最富有科技公司：中移动310亿美元居首
华盛顿抛弃微软Office 选择Google Apps
微软：WGA验证每小时黑屏是善意提醒
研究表明上网可以提高记忆力
为什么叫Windows 7？