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

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

导航栏手机导航栏在哪

嵌入式开发嵌入式软件开发在三年后的就业前景如何？资源优化配置自己的资源如何优化配置。比如时间，金钱...全球随机视频网全球随机视频网的发展方向监控员工我现在在看监控一线员工的。如何做好看监控的工作？互动电视什么是“华数互动电视”？黑屏操作电脑在黑屏的情况怎么重新操作系统暂停线程Java里如何暂停一个线程，达到一定条件后又唤醒线程？e游我是04年买的任e游电子狗是插卡的中国移动的卡，但是缴费没有地方交营业厅都说交不了？有与着这种情况宴请网如何加入虚拟网 2000万开房信息公安局可以查到个人开房信息吗？香港vps 域名备案收费吗万网免费域名主机屋七牛优惠码 cybermonday 新加坡主机主机屋免费空间 seovip 京东商城0元抢购 anylink 空间出租空间论坛 cdn联盟免费活动酷番云 33456 免费网页申请 web服务器搭建空间登入更多

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

如何制作一个导航栏

Friendhosting，美国迈阿密机房新上线，全场45折特价优惠，100Mbps带宽不限流量，美国/荷兰/波兰/乌兰克/瑞士等可选，7.18欧元/半年

云基Yunbase无视CC攻击（最高500G DDoS防御），美国洛杉矶CN2-GIA高防独立服务器,

SoftShellWeb：台湾(台北)VPS年付49美元起,荷兰VPS年付24美元起