html5css3仿微信底部固定响应式导航菜单代码.rar资源-CSDN文库

共6个文件

svg：2个

css：1个

js：1个

HTML5

响应式布局

CSS3

需积分: 5 31 浏览量 2023-04-20 12:00:30 上传评论收藏 57KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

html5css3仿微信底部固定响应式导航菜单代码.rar （6个子文件）

html5css3仿微信底部固定响应式导航菜单代码

menu.css 4KB

index.html 2KB

imgs

2.svg 324B

1.svg 687B

home-default17.jpg 55KB

nav4.js 724B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <title> New Document </title> <link rel="stylesheet" type="text/css" href="menu.css" media="all"> </head> <body> <div class="bg"><img src="imgs/home-default17.jpg" width="100%" height="100%"></div> <div class="nav4"> <nav> <div id="nav4_ul" class="nav_4"> <ul class="box"> <li> <a href="javascript:;" class=""><span>关于我们</span></a> <dl> <dd><a href="#"><span>电话</span></a></dd> <dd><a href="#"><span>地址</span></a></dd> <dd><a href="#"><span>在线客服</span></a></dd> <dd><a href="#"><span>在线QQ</span></a></dd> </dl> </li> <li> <a href="javascript:;" class=""><span>电商</span></a> <dl> <dd><a href="#"><span>微信会员卡</span></a></dd> <dd><a href="#"><span>微社区</span></a></dd> <dd><a href="#"><span>微投票</span></a></dd> <dd><a href="#"><span>微调研</span></a></dd> </dl> </li> <li> <a href="javascript:;" class="on"><span>会员专区</span></a> <dl> <dd><a href="#"><span>微商城</span></a></dd> <dd><a href="#"><span>微餐饮</span></a></dd> <dd><a href="#"><span>微团购</span></a></dd> <dd><a href="#"><span>微汽车</span></a></dd> </dl> </li> </ul> </div> </nav> <div id="nav4_masklayer" class="masklayer_div on"> </div> </div> <script src="nav4.js"></script> <script type="text/javascript"> nav4.bindClick(document.getElementById("nav4_ul").querySelectorAll("li>a"), document.getElementById("nav4_masklayer")); </script> </body> </html>

评论收藏

内容反馈