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

导航栏时间: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催化剂hotfix8.4主要功能是什么他起到的作用是什么 anychartjfreechar制作柱状图的时候。由于柱子之间的差距太大。有些柱子才个位有上千导致了Y轴数据太密集。求 jsp源码帮忙编个JSP代码招行信用卡还款招商银行信用卡还款日如何计算 4g上网卡4G手机上网卡和4G网络是什么意思？摇一摇周边摇一摇周边怎么打开网络购物的发展网购如何促进经济的发展?电商网站设计电子商务网站设计应注意哪些问题里程碑2摩托罗拉里程碑2怎么样 e游跟团旅游多少钱一个人怎么申请域名 mach5 gateone 512m hnyd 创梦服务器维护方案卡巴斯基免费试用网站加速软件 starry 华为云建站 php服务器 lamp什么意思免费个人主页 restart 发证机构 WHMCS winserver2008下载低价木马检测更多

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

如何制作一个导航栏

RackNerd ：美国大硬盘服务器促销/洛杉矶multacom数据中心/双路e5-2640v2/64G内存/256G SSD+160T SAS/$389/月

CYUN(29元/月)美国、香港、台湾、日本、韩国CN2,续费原价

IMIDC彩虹数据：日本站群多ip服务器促销;30Mbps带宽直连不限流量,$88/月