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

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

导航栏手机导航栏在哪

阿里校园招聘阿里巴巴校园招聘结束后还能继续面试实习生吗?文件损坏文件损坏是由哪些原因造成的?有什么办法修复吗?光纤是什么什么是光纤.是什么材料做的?光纤是什么光纤是什么 google地图api如何使用GOOGLE EARTH 的API开发自己的应用程序 antiarp360防火墙:antiarp.exe文件损坏.运行chkdsk是什么意思?怎么处理?东西网如何在网上购买东西?网络购物的发展网络购物的发展对策暂停线程Java里如何暂停一个线程，达到一定条件后又唤醒线程？修复网络lspwin 7,lsp修复无法上网 1g虚拟主机上海虚拟主机深圳域名注册太原域名注册免费顶级域名阿里云邮箱登陆首页 softlayer vps.net linode代购 512au 微信收钱合租空间共享主机四核服务器支持外链的相册吉林铁通万网空间管理台湾google 全能空间万网主机更多

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

如何制作一个导航栏

GreenCloudVPS($30/年),500G大硬盘VPS,10Gbps带宽

HoRain Cloud：国内特价物理机服务器,镇江机房,内地5线BGP接入,月付499元起

Hostodo：$19.99/年KVM-1GB/12GB/4TB/拉斯维加斯