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

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

导航栏手机导航栏在哪

网络技术与应用网络技术与软件的技术的区别是什么阿里校园招聘阿里巴巴校园招聘内推有什么优势 win10发布win10什么时候发布正式版体系文件企业质量管理体系文件指的是什么?文件损坏安装软件显示文件已损坏怎么回事 google地图api最近链接google map页面总是报api未定义，但是直接运行地图那页面就可以显示地图，jsp源码在网上下的jsp源码怎么运行？有数据库的教学视频网站谁有各种教学视频网站呀.?韩文在线翻译韩语在线翻译安全工程师待遇注册安全工程师现在一般工资是多少？未来前景如何荷兰vps 贝锐花生壳域名 openv 西安电信测速 20g硬盘 100m空间稳定免费空间免费智能解析中国电信宽带测速网网游服务器申请免费空间和域名外贸空间韩国代理ip photobucket 中国域名登陆qq空间大化网网站防护时间服务器免费网站加速更多

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

如何制作一个导航栏

香港2GB内存DIYVM2核（￥50月）香港沙田CN2云服务器

RepriseHosting：$27.97/月-L5640,16G内存,1TB硬盘,10TB月流量,西雅图机房

旅途云（￥48 / 月），雅安高防4核4G、洛阳BGP 2核2G