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

导航栏时间: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主要功能是什么他起到的作用是什么返回什么叫函数返回？为什么要返回？大牛网大牛网怎么样 a8处理器AMD A8的CPU怎么样？资源优化配置资源优化配置的前提条件互动电视怎么用互动电视上网教学视频网站最好的免费教学视频在那有？相册网知不知道怎么把一个人的照片放到网上去？主板说明书精英主板中文说明书拜登买域名批特朗普 budgetvm 华为云服务 hostmaster 腾讯云数据库表单样式 512au 警告本网站网通ip 促正网秒杀 php空间申请 cn3 广州服务器 linux服务器维护 100mbps 爱奇艺vip免费领取服务器监测 net空间中国联通宽带测速密钥索引更多

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

如何制作一个导航栏

亚州云-美国Care云服务器，618大带宽美国Care年付云活动服务器，采用KVM架构，支持3天免费无理由退款！

HostYun（月18元），CN2直连香港大带宽VPS 50M带宽起

亚洲云Asiayu,成都云服务器 4核4G 30M 120元一月