首页横向下拉二级菜单Jquery代码_计算机软件及应用_IT计算机_专业资料

jquery下拉菜单  时间:2021-04-17  阅读:()

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

*{margin:0;padding:0;

}div.nav{line-height: 36px;background-color: #333;height:36px;width:960px;margin-right:auto;margin-left:auto;color:#fff;z-index:-1 ;

}div.nav a{color:#999;text-decoration: none;display:block;float:left;text-align: center;padding-right:5px;padding-left:5px;width: 100px;

}div.navul li ul li {line-height:28px;height:28px;

}div.navul{float:left;list-style-type: none;z-index:20;

}div.navul li {float:left;margin-bottom: 5px;/*min-width: 65px;*/

width: 110px;

}div.navul li a:hover{color:#f90;background-color: #ccc;padding-right: 5px;padding-left:5px;

}

.on{background-color: #666;

}div.navul li ul{display: none;

}

</style>

</head>

<body>

<div id="header">

<div class="nav">

<ul class="menulist">

<li id="n0"><a href="default.htm">首页</a></li><li ><a href="#">新闻</a>

<ul>

<li><a href="#">in</a></li>

<li><a href="#">out</a></li>

<li><a href="#">news</a></li>

</ul>

</li>

<li ><a href="#">信息</a>

<ul>

<li><a href="#">info</a></li>

<li><a href="#">education</a></li>

<li><a href="#">mobile</a></li>

</ul>

</li>

<li ><a href="#">社区</a>

<ul>

<li><a href="#">taobao</a></li>

<li><a href="#">amazon</a></li>

<li><a href="#">jd</a></li>

</ul>

</li>

</ul>

</div>

</div>

<scriptsrc="js/jquery-3. 1. 1. js"></script>

<script>

$(document) .ready(function() {menu() ;

} ) ;function menu() {

$(".nav>ul>li:not(#n0)") .hover(function() {$(".nav>ul>li:not(#n0)") .removeClass("on") ;$(this) .addClass("on") ;

$(this) .find("ul") . show() ;

} ,function() {

$(this) .removeClass("on") ;

$(this) .find("ul") .hide() ;

} )

}

</script>

</body>

</html>

香港云服务器最便宜价格是多少钱一个月、一年?

香港云服务器最便宜价格是多少钱一个月/一年?无论香港云服务器推出什么类型的配置和活动,价格都会一直吸引我们,那么就来说说香港最便宜的云服务器类型和香港最低的云服务器价格吧。香港云服务器最便宜最低价的价格是多少?香港云服务器只是服务器中最受欢迎的产品。香港云服务器有多种配置类型,如1核1G、2核2G、2核4G、8到16核32G等。这些配置可以满足大多数用户的需求,无论是电商站、视频还是游戏、小说等。...

特网云(1050元),IP数5 个可用 IP (/29) ,美国高防御服务器 无视攻击

特网云特网云为您提供高速、稳定、安全、弹性的云计算服务计算、存储、监控、安全,完善的云产品满足您的一切所需,深耕云计算领域10余年;我们拥有前沿的核心技术,始终致力于为政府机构、企业组织和个人开发者提供稳定、安全、可靠、高性价比的云计算产品与服务。官方网站:https://www.56dr.com/ 10年老品牌 值得信赖 有需要的请联系======================特网云美国高防御...

欧路云:美国CUVIP线路10G防御,8折优惠,19元/月起

欧路云新上了美国洛杉矶cera机房的云服务器,具备弹性云特征(可自定义需要的资源配置:E5-2660 V3、内存、硬盘、流量、带宽),直连网络(联通CUVIP线路),KVM虚拟,自带一个IP,支持购买多个IP,10G的DDoS防御。付款方式:PayPal、支付宝、微信、数字货币(BTC USDT LTC ETH)测试IP:23.224.49.126云服务器 全场8折 优惠码:zhujiceping...

jquery下拉菜单为你推荐
桂林飞宇科技股份有限公司V1.2JAN-201f20;BACKGROUND-COLOR:#4ae2f7">16支出127奶粉ios8支持ipad支持ipad图书馆学、情报学期刊投稿指南Applicationsios5win7telnet怎样在win7下打开telnet 命令ms17-010win10蒙林北冬虫夏草酒·10年原浆1*6 500ml 176,176是一瓶的价格还是一箱的价格
哈尔滨域名注册 日本动态vps 香港加速器 cve-2014-6271 服务器怎么绑定域名 国外免费空间 论坛空间 阿里云浏览器 域名转向 速度云 可外链网盘 100m独享 33456 新睿云 360云服务 谷歌台湾 江苏徐州移动 江苏双线 googlevoice japanese50m咸熟 更多