jQuery淡入淡出 展开收缩菜单实现代码

下面，小编带您去了解一下jQuery 淡入淡出、展开收缩菜单实现代码，生活就是不断的发现新事物，get新技能~

运行以后，刷新下即可。

!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0 Transitional//EN" " transitional.dtd" html xmlns="" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlejQuery淡入淡出、展开收缩菜单/title style type="text/css" ul li{;} ul {;} ul ul{# solid #ddd;;} ul ul li{ 0; dotted #ddd;}/style script language="javascript" src="/files/jquery-1.3.2.min.js"/script script language="javascript" type="text/javascript" $(document).ready(function(){ $(".menu").hover( function(){ //$(".content").fadeIn(800); // 淡入 $(".content").slideDown(800); // 展开 },function(){ //$(".content").fadeOut(1000) // 淡出 $(".content").slideUp(1000) // 收缩 }); }) /script /head body ul li a弹出菜单/a ul lia href="#"菜单内容1/a/li lia href="#"菜单内容2/a/li lia href="#"菜单内容3/a/li lia href="#"菜单内容4/a/li lia href="#"菜单内容5/a/li /ul /li /ul /body /html

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]