Jquery是一个轻量的框架,个人认为非常好用,今天就写一个非常简单的例子,实现下拉菜单功能;
首先肯定要在页面引用jquery.js版本不限;
接下来把=====================html贴出来:
===========================css样式:复制代码代码如下:/**头部菜单**/.header_menu{float:right;width:50%;height:100%;cursor:pointer;}.header_menuul{list-style:none;height:100%;}.header_menuulli{float:right;width:20%;color:white;font-size:14px;padding-top:55px;font-weight:bold;}.display{display:none;}.displayul{list-style:none;width:100px;}.displayulli{padding-top:10px;padding-bottom:5px;padding-left:5px;cursor:pointer;font-size:14px;}.movediv{position:fixed;left:0px;top:0px;font-size:14px;white;border:1pxsolidwhite;}.redcolor{#a0c9e6;}
效果如下:
小伙伴们使用的时候自己美化下,自由扩展下就可以用到自己的项目中了,我这里仅仅是简单做了点样式而已。
THE END