纯CSS鼠标hover下拉二级菜单栏

 时间:2024-10-12 19:46:09

1、写出HTML内容为:争犸禀淫<ul class="L1"><li><a href="#">菜单</a媪青怍牙><ul class="L2"></li><a href="#"></a></li></ul>

纯CSS鼠标hover下拉二级菜单栏

3、正常情况下,我们要让L2不显示,隐藏起来,所以给.L2 li{display:none}的样式,y隐藏。

纯CSS鼠标hover下拉二级菜单栏

5、最后需要给L2添加一些好看的css样式,让下拉菜单更好看一些

6、如果想让下拉菜单有延时效果,更逼真;那茧盯璜阝就在jQuery下写入如下延时效果$('nav li').hover( function() { $(&垆杪屑丝#39;ul', this).stop().slideDown(200); }, function() { $('ul', this).stop().slideUp(200); } );

纯CSS鼠标hover下拉二级菜单栏
  • 学习计划书怎么写
  • Java 8怎么设置网络#校园分享#
  • 搭建samba服务器方法
  • jquery如何设置div中图片与边框的距离
  • 我的世界怎么让村民繁殖
  • 热门搜索
    两天一夜旅游景点 西宁 旅游 清远旅游公司 邯郸旅游网 大连旅游职业中专 中国旅游资讯 海南旅游图片 苏杭旅游景点 厦门旅游学校 岳阳旅游公司