导航栏如何制作一个导航栏

导航栏时间:2021-09-03 阅读:()

如何制作一个导航栏

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学习导航栏的制作</title> <script src="/jquery-1.10.2.js"></script> <script> $(document).ready(function() { $(".div1").click(function() { $(".div2").addClass("dlHover"); }); $(".div1").hover(function(){//第一个函数作为鼠标悬浮时执行的函数 $(this).addClass("bg"); },function(){//第二个函数作为鼠标离开时执行的函数 $(this).removeClass("bg"); $(".div2").removeClass("dlHover"); }); }); </script> <style> *{margin: 0px auto;padding: 0px;text-align: center;} ul{list-style: none;} .div2{display:none;width: 100px;border: 1px solid gray;background: #00FFFF;} .dlHover{position:absolute;z-index: 9999;display: block;} .div1{border: 1px solid gray;width: 100px;background-color: #999999;} .bg{background-color: #1F9999;} </style> </head> <body> <div class="div1"> <span class="span1">导航1</span> <div class="div2"> <ul> <li><a href="#">导航2</a></li> <li><a href="#">导航3</a></li> </ul> </div> </div> <h3>学习导航栏的制作</h3> <p>这是一个简单的导航栏</p> </body> </html>

展开全文

导航栏如何制作一个导航栏相关文档

导航栏怎么用html+css做一个导航条？

导航栏HTML5怎么做导航栏

导航栏css一个导航栏该怎么做

导航栏手机导航栏在哪

重装系统后数据恢复系统重装错盘后怎么恢复数据 expire英语：expire能用来说人去世了吗融360融360贷款可靠吗，贷三万元一年利息多少，每月还多钱文件下载如何从电脑里将文件下载到u盘里开发者账号如何免费申请开发者账号 nvidia官方网站怎么下载英伟达显卡驱动官方 jsp源码jsp 中网站的首页源代码网络限速软件谁有网络限速的软件，路由器。很卡~别人一看电影什么都干不了。提供个限速的软件。下载成功给分！硬盘分区格式化怎样给硬盘分区并格式化 code查询手机CODE查询网站空间租用 apache虚拟主机域名升级访问 godaddy主机美国主机评论宕机监控 ssh帐号中国智能物流骨干网 lol台服官网 cdn加速原理国外ip加速器厦门电信服务器论坛 windowsserver2008 美国vpn代理 web服务器有哪些德国代理 ddos攻击器主机之家 qq空间排行榜更多

导航栏如何制作一个导航栏

如何制作一个导航栏

妮妮云(30元),美国300G防御 2核4G 107.6元,美国高速建站 2核2G

ftlcloud(超云)9元/月，1G内存/1核/20g硬盘/10M带宽不限/10G防御，美国云服务器

friendhosting：（优惠55%）大促销，全场VPS降价55%，9个机房，不限流量