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

导航栏  时间: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>

VoLLcloud(月付低至2.8刀)香港vps大带宽,三网直连

VoLLcloud LLC是一家成立于2020年12月互联网服务提供商企业,于2021年1月份投入云计算应用服务,为广大用户群体提供云服务平台,已经多个数据中心部署云计算中心,其中包括亚洲、美国、欧洲等地区,拥有自己的研发和技术服务团队。现七夕将至,VoLLcloud LLC 推出亚洲地区(香港)所有产品7折优惠,该产品为CMI线路,去程三网163,回程三网CMI线路,默认赠送 2G DDoS/C...

飞讯云E5-2678V3 64GB,湖北十堰100G高防物理机330元/月

飞讯云官网“飞讯云”是湖北飞讯网络有限公司旗下的云计算服务品牌,专注为个人开发者用户、中小型、大型企业用户提供一站式核心网络云端部署服务,促使用户云端部署化简为零,轻松快捷运用云计算。飞讯云是国内为数不多具有ISP/IDC双资质的专业云计算服务商,同时持有系统软件著作权证书、CNNIC地址分配联盟成员证书,通过了ISO27001信息安全管理体系国际认证、ISO9001质量保证体系国际认证。 《中华...

腾讯云轻量应用服务器关于多个实例套餐带宽

腾讯云轻量应用服务器又要免费升级配置了,之前已经免费升级过一次了(腾讯云轻量应用服务器套餐配置升级 轻量老用户专享免费升配!),这次在上次的基础上再次升级。也许这就是良心云吧,名不虚传。腾讯云怎么样?腾讯云好不好。腾讯云轻量应用服务器 Lighthouse 是一种易于使用和管理、适合承载轻量级业务负载的云服务器,能帮助个人和企业在云端快速构建网站、博客、电商、论坛等各类应用以及开发测试环境,并提供...

导航栏为你推荐
range请问,range这个英文单词怎么用?还有词组怎么搭配?文件下载如何从电脑里将文件下载到u盘里xhtmlHTML4,HTML5,XHTML 之间有什么区别项目质量管理简述项目质量管理保证和项目质量控制的内容和两者区别与联系,我正在考试求大神救命fast路由器路由器fast怎么设置无线网络光纤是什么什么是光纤.是什么材料做的?jsp源码实现登陆功能的JSP代码怎么编写?海淀区公司注册注册海淀公司需要验资报告吗约束是什么意思爱不约束是什么意思key网有没有可以免费看电影的网址 要真免费的喔~
长沙域名注册 php主机空间 北京域名空间 免费cn域名 国内免备案主机 locvps 主机点评 优惠码 godaddy续费优惠码 警告本网站 个人免费空间 蜗牛魔方 老左正传 双11秒杀 域名和空间 免费申请个人网站 metalink 彩虹云 google台湾 网通服务器 更多