jquery实现适合做产品分类的多级黑色下拉导航菜单效果源码.zip资源-CSDN文库

共9个文件

css：3个

js：3个

eot：1个

版权申诉

jquery

32 浏览量 2022-11-07 23:58:40 上传评论收藏 44KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery实现适合做产品分类的多级黑色下拉导航菜单效果源码.zip （9个子文件）

132686870650677326

css

reset.css 1KB

default.css 5KB

style.css 6KB

index.html 3KB

modernizr.js 15KB

main.js 569B

jquery-2.1.1.min.js 82KB

font

icomoon.eot 2KB

icomoon.ttf 1KB

<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery多级下拉垂直手风琴代码</title> <link href='https://fonts.useso.com/css?family=Jaldi:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/default.css"> <script src="js/modernizr.js"></script> </head> <body> <ul class="cd-accordion-menu animated"> <li class="has-children"> <input type="checkbox" name ="group-1" id="group-1" checked> <label for="group-1">Group 1</label> <ul> <li class="has-children"> <input type="checkbox" name ="sub-group-1" id="sub-group-1"> <label for="sub-group-1">Sub Group 1</label> <ul> <li><a href="#0">Image</a></li> <li><a href="#0">Image</a></li> <li><a href="#0">Image</a></li> </ul> </li> <li class="has-children"> <input type="checkbox" name ="sub-group-2" id="sub-group-2"> <label for="sub-group-2">Sub Group 2</label> <ul> <li class="has-children"> <input type="checkbox" name ="sub-group-level-3" id="sub-group-level-3"> <label for="sub-group-level-3">Sub Group Level 3</label> <ul> <li><a href="#0">Image</a></li> <li><a href="#0">Image</a></li> </ul> </li> <li><a href="#0">Image</a></li> </ul> </li> <li><a href="#0">Image</a></li> <li><a href="#0">Image</a></li> </ul> </li> <li class="has-children"> <input type="checkbox" name ="group-2" id="group-2"> <label for="group-2">Group 2</label> <ul> <li><a href="#0">Image</a></li> <li><a href="#0">Image</a></li> </ul> </li> <li class="has-children"> <input type="checkbox" name ="group-3" id="group-3"> <label for="group-3">Group 3</label> <ul> <li><a href="#0">Image</a></li> <li><a href="#0">Image</a></li> </ul> </li> <li class="has-children"> <input type="checkbox" name ="group-4" id="group-4"> <label for="group-4">Group 4</label> <ul> <li class="has-children"> <input type="checkbox" name ="sub-group-3" id="sub-group-3"> <label for="sub-group-3">Sub Group 3</label> <ul> <li><a href="#0">Image</a></li> <li><a href="#0">Image</a></li> </ul> </li> <li><a href="#0">Image</a></li> <li><a href="#0">Image</a></li> </ul> </li> </ul> <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="js/main.js"></script> <div style="text-align:center;margin:-10px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> </div> </body> </html>

评论收藏

内容反馈

版权申诉