动态菜单实例代码的jQuery实现

jQuery实现动态菜单的方式与jQuery弹出窗口的方式相同,所有这些窗口都使用Javascript来运行CSS。

具体步骤可分为以下步骤:

创建一个HTML页面,并显示一个菜单
复制代码代码如下所示:


jQuery示例2:jQuery菜单







我是菜单1
我的子菜单1
我的子菜单2


我是菜单2
我的子菜单3
我的子菜单4





创建一个CSS文件来控制菜单的显示
复制代码代码如下所示:
让所有李都不显示一个小圆点,你可以使用CSS标记选择器。
李{
在消失之前,列表*
列表样式:无;
缩进/ **
左:18px保证金;
隐藏菜单
显示:无;
}
一个{
显示文本
文字装饰:无;
}

创建一个Javascript文件来控制菜单的显示
复制代码代码如下所示:
*
*点击主菜单,子菜单显示;单击主菜单,子菜单隐藏
*你需要编写代码使主菜单添加onclick事件,当它被加载,可以点击主菜单的子菜单显示
*加载注册页面时的执行方法
* /
$(文档)Ready(函数(){)
/ / var ULS = $(UL);
查找在该节点中的节点
var为$();
As.click(function(){()
首先,请在UL/Li中查找当前信息,并让李显示
获取当前的UL节点
无功阳极= $(此);
查找UL节点下的所有李节点
VaR LIS = anode.nextall(礼);
/显示或隐藏UL Li子节点
Lis.toggle(慢);
});
});