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

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

导航栏手机导航栏在哪

javaHDvideo有支持AVI 或者RVMB格式的JAVA的手机视频播放器吗？招行信用卡还款招商银行信用卡还款日如何计算暂停线程如何正确的更好的停止一个线程购物网站设计购物网站如何设计漂亮且实用的购物车 gps简介手机GPS功能是什么？clamp官网天子官网，天子OL官网 fshow微波炉的用法是什么？3g模块工业上的3G模块一般使用什么接口与控制板通讯。跨境电商开发跨境电商怎么做手机话费余额查询中国移动的话费余额怎么查询？到期域名查询 vps动态ip 最便宜虚拟主机科迈动态域名香港bgp机房免费cdn加速网站被封丹弗台湾谷歌网址小米数据库百兆独享 qq对话框服务器合租重庆双线服务器托管万网空间购买联通网站 shuang12 东莞服务器托管国外免费云空间阿里dns 更多

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

如何制作一个导航栏

UCloud年度大促活动可选香港云服务器低至年134元

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

IntoVPS：按小时计费KVM月费5美元起($0.0075/小时),6个机房可选