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

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

导航栏手机导航栏在哪

ordinal频率是nominal还是ordinal 短信应用默认短信应用，什么意思？硬盘分区格式化硬盘分区后怎么格式化 sd卡座SD卡座有能满足CE认证的吗？黑屏操作电脑在黑屏的情况怎么重新操作系统相册网知不知道怎么把一个人的照片放到网上去？主板说明书电脑主板的作用是什么？购物网站设计Jsp+Sql电子商城&网上购物网站设计对联广告代码HTMl教程：实现网页左右两侧居中的对联广告代码 360官网打不开为何360安全卫士自动退出，所有的360官方网站打不开啊？ cn域名注册免费试用vps 查询ip地址谷歌香港 ftp教程老左来了秒杀汇域名接入网络空间租赁太原网通测速平台 ftp免费空间搜索引擎提交入口腾讯总部在哪数据库空间浙江服务器免备案cdn加速 rewritecond 网站防护香港博客湖南铁通更多

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

如何制作一个导航栏

Nocser：马来西亚独立服务器促销$60.00/月

CloudCone（$82/月）15-100M不限流量，洛杉矶CN2 GIA线路服务器

搬瓦工VPS：新增荷兰机房“联通”线路的VPS，10Gbps带宽，可在美国cn2gia、日本软银、荷兰“联通”之间随意切换