龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

实用jQuery下拉菜单实例媲美Adobe软件效果(2)

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
3、jQuery代码: $(document).ready(function(){ $("ul.subnav").parent().append(""); $("ul.topnav li span").click(function() { $(this).parent().find("ul.subnav").slideDown('fast').show(); $(this).par

3、jQuery代码:

$(document).ready(function(){

 $("ul.subnav").parent().append("");

 $("ul.topnav li span").click(function() {

  $(this).parent().find("ul.subnav").slideDown('fast').show();

  $(this).parent().hover(function() {
  }, function(){
   $(this).parent().find("ul.subnav").slideUp('slow');
  });

  }).hover(function() {
   $(this).addClass("subhover");
  }, function(){
   $(this).removeClass("subhover");
 });

});

别忘了在head里引用jQuery库

<script type="text/javascript" src="jquery-latest.js"></script>

 


精彩图集

赞助商链接