拒绝JS纯DIV+CSS弹出菜单不使用JS的下拉菜单

  昨天接了一个科讯的网站修改的单子,但是需要用到弹出菜单,虽然之前做过很多这样的,但是都没有保留源码,不得已只有到网站再寻找好点的CSS下拉菜单。

  这次保存下来几个纯DIV+CSS弹出菜单并且没有使用JS,很是喜欢!由于code有问题 不得已只有自己整理演示地址了,废话少说上演示及说明:

一、最基本的:二级dropdown弹出菜单---导航使用较多目前我所了解到的

  演示地址:{#ZC_BLOG_HOST#}code/dropdown1.html

二、三级dropdown弹出菜单

演示地址:{#ZC_BLOG_HOST#}code/dropdown2.html

 

三、flyout-竖向三级弹出菜单

演示地址:{#ZC_BLOG_HOST#}code/flyout.html

 

四、dropline-水平三级横向弹出菜单

演示地址:{#ZC_BLOG_HOST#}code/dropline.html

 

五、upmenu-水平竖弹向上三级弹出菜单

演示地址:{#ZC_BLOG_HOST#}code/upmenu.html

这五款都是比较常用的,需要了可以收藏下来,以备以后使用!还有这个:css高度自适应

 

 

 

参与评论