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

导航栏  时间: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>

妮妮云(43元/月 ) 香港 8核8G 43元/月 美国 8核8G

妮妮云的来历妮妮云是 789 陈总 张总 三方共同投资建立的网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑妮妮云的市场定位妮妮云主要代理市场稳定速度的云服务器产品,避免新手购买云服务器的时候众多商家不知道如何选择,妮妮云就帮你选择好了产品,无需承担购买风险,不用担心出现被跑路 被诈骗的情况。妮妮云的售后保证妮妮云退款 通过于合作商的友好协商,云服务器提供2天内全额退款,超过2天不退款 物...

wordpress公司网站模板 wordpress简洁高级通用公司主题

wordpress公司网站模板,wordpresss简洁风格的高级通用自适应网站效果,完美自适应支持多终端移动屏幕设备功能,高级可视化后台自定义管理模块+规范高效的搜索优化。wordpress公司网站模板采用标准的HTML5+CSS3语言开发,兼容当下的各种主流浏览器: IE 6+(以及类似360、遨游等基于IE内核的)、Firefox、Google Chrome、Safari、Opera等;同时...

Spinservers美国圣何塞服务器$111/月流量10TB

Spinservers是Majestic Hosting Solutions,LLC旗下站点,主营美国独立服务器租用和Hybrid Dedicated等,数据中心位于美国德克萨斯州达拉斯和加利福尼亚圣何塞机房。TheServerStore.com,自 1994 年以来,它是一家成熟的企业 IT 设备供应商,专门从事二手服务器和工作站业务,在德克萨斯州拥有 40,000 平方英尺的仓库,库存中始终有...

导航栏为你推荐
局域网监控软件求一个破解版局域网监控软件win10发布win10发布者不受信任怎么办 win10如何取消阻止该发布者a8处理器AMD A8处理器与I5比怎么样nvidia官方网站官网NVIDIA驱动和win10系统不兼容,怎么解决?全球随机视频网全球随机视频网的发展方向站内搜索引擎搜索引擎工作原理与如何建立站内搜索黑屏操作常见黑屏故障的处理方法有哪些呢?海淀区公司注册在北京海淀区注册的有限责任公司,要增加自然人股东,需要准备哪些材料?对联广告代码HTMl教程:实现网页左右两侧居中的对联广告代码科学计算器说明书科学计算机具体怎么用?
cn域名个人注册 淘宝抢红包攻略 域名商 cpanel主机 seovip 京东云擎 免费博客空间 台湾谷歌地址 100m空间 183是联通还是移动 cdn加速原理 tna官网 qq对话框 傲盾官网 空间首页登陆 贵阳电信测速 湖南铁通 海外加速 美国达拉斯 压力测试工具 更多