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

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

导航栏手机导航栏在哪

优翼奇瑞优翼车子拉缸气缸是维修还是换。换的话大概多少钱？4g上网卡联通4g上网卡是什么？burndownburn down是否及物？能用被动语态吗？soap是什么意思肥皂剧是什么意思?科学计算器说明书科学计算机具体怎么用?科学计算器说明书计算器的使用方法？怎样上传照片怎么上传照片？分销渠道案例企业分销渠道成功的案例分析 flash透明FLASH的动画背景可以是透明的吗？如何设置？跨境电商开发跨境电商怎么做域名估价猫咪av永久最新域名高防服务器租用选锐一美国和欧洲vps 谷歌域名邮箱免费cn域名美国便宜货网站 512m win8.1企业版升级win10 服务器cpu性能排行空间服务商 qq数据库浙江独立 699美元 vip购优惠联通网站云营销系统 lick 论坛主机华为云建站更多

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

如何制作一个导航栏

ZJI全新上架香港站群服务器,4C段238个IP月付1400元起

稳爱云(26元),香港云服务器 1核 1G 10M带宽

数脉科技：阿里云香港CN2线路服务器;E3-1230v2/16G/240G SSD/10Mbps/3IP,月付374元