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

导航栏时间: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一个导航栏该怎么做

导航栏手机导航栏在哪

hotfix文件夹hotfix中都是什么文件？能不能删除？xhtml什么是 XHTML？项目质量管理如何抓好项目质量管理按键精灵教程怎么使用按键精灵资源优化配置怎样实现资源的最优配置支付宝账单查询支付宝每个月的账单怎么查看 0x800ccc0f您的服务器意外终止了连接。其可能原因包括服务器出错、网络出错或长时间处于非活动状态。 0x800CCC0F 快照优化百度快照和优化是一回事么硬盘分区格式化电脑硬盘怎么全部格式化并重新分区？soap是什么意思rbq是什么意思? 过期备案域名查询免费动态域名解析 idc评测主机测评网全球付 cpanel主机国外空间 dropbox网盘太原网通测速平台万网主机管理便宜空间美国凤凰城美国迈阿密 cdn加速 cdn免备案空间德国代理ip g6950 usb大容量存储设备 **tp服务器是什么灵动:鬼影实录2 更多

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

如何制作一个导航栏

Hosteons：洛杉矶/纽约/达拉斯免费升级10Gbps端口,KVM年付21美元起

青云互联-洛杉矶CN2弹性云限时五折，9.5元/月起，三网CN2gia回程，可选Windows，可自定义配置

HostYun全场9折,韩国VPS月付13.5元起,日本东京IIJ线路月付22.5元起