JQuery实现横纵向下拉菜单资源-CSDN文库

共10个文件

gif：3个

js：2个

css：1个

下拉菜单

需积分: 9 166 浏览量 2015-03-10 09:03:09 上传评论收藏 44KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

JQuery实现横向纵向下拉菜单.zip （10个子文件）

JQuery实现横向纵向下拉菜单菜单

images

collapsed.gif 847B

expanded.gif 850B

title.gif 862B

menu.js 1KB

jquery.js 98KB

menu.js~ 1KB

menu.html 2KB

css

menu.css~ 783B

menu.css 804B

Thumbs.db 13KB

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>JQuery实战-菜单效果</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link type="text/css" rel="stylesheet" href="css/menu.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/menu.js"></script> </head> <body> <ul> <li class="main"> <a href="#">菜单项1</a> <ul> <li> <a href="#">子菜单项11</a> </li> <li> <a href="#">子菜单项12</a> </li> </ul> </li> <li class="main"> <a href="#">菜单项2</a> <ul> <li> <a href="#">子菜单项21</a> </li> <li> <a href="#">子菜单项22</a> </li> </ul> </li> <li class="main"> <a href="#">菜单项3</a> <ul> <li> <a href="#">子菜单项31</a> </li> <li> <a href="#">子菜单项32</a> </li> </ul> </li> </ul> <br /> <br /> <br /> <ul> <li class="hmain"> <a href="#">菜单项1</a> <ul> <li> <a href="#">子菜单项11</a> </li> <li> <a href="#">子菜单项12</a> </li> </ul> </li> <li class="hmain"> <a href="#">菜单项2</a> <ul> <li> <a href="#">子菜单项21</a> </li> <li> <a href="#">子菜单项22</a> </li> </ul> </li> <li class="hmain"> <a href="#">菜单项3</a> <ul> <li> <a href="#">子菜单项31</a> </li> <li> <a href="#">子菜单项32</a> </li> </ul> </li> </ul> </body> </html>

评论收藏

内容反馈