首页横向下拉二级菜单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>

cera:秋季美国便宜VPS促销,低至24/月起,多款VPS配置,自带免费Windows

介绍:819云怎么样?819云创办于2019,由一家从2017年开始从业的idc行业商家创办,主要从事云服务器,和物理机器819云—-带来了9月最新的秋季便宜vps促销活动,一共4款便宜vps,从2~32G内存,支持Windows系统,…高速建站的美国vps位于洛杉矶cera机房,服务器接入1Gbps带宽,采用魔方管理系统,适合新手玩耍!官方网站:https://www.8...

v5server:香港+美国机房,优质CN2网络云服务器,7折优惠,低至35元/月

v5net当前对香港和美国机房的走优质BGP+CN2网络的云服务器进行7折终身优惠促销,每个客户进线使用优惠码一次,额外有不限使用次数的终身9折优惠一枚!V5.NET Server提供的都是高端网络线路的机器,特别优化接驳全世界骨干网络,适合远程办公、跨境贸易、网站建设等用途。 官方网站:https://v5.net/cloud.html 7折优惠码:new,仅限新客户,每人仅限使用一次 9...

建站选择网站域名和IP主机地址之间关系和注意要点

今天中午的时候有网友联系到在选择网站域名建站和主机的时候问到域名和IP地址有没有关联,或者需要注意的问题。毕竟我们在需要建站的时候,我们需要选择网站域名和主机,而主机有虚拟主机,包括共享和独立IP,同时还有云服务器、独立服务器、站群服务器等形式。通过这篇文章,简单的梳理关于网站域名和IP之间的关系。第一、什么是域名所谓网站域名,就是我们看到的类似"www.laozuo.org",我们可以通过直接记...

jquery下拉菜单为你推荐
计划ipad支持ipaddominavimasios7支持ipad模块iphoneDeviceios5css3圆角css实现圆角的几种方法是什么?iexplore.exe应用程序错误iexplore.exe应用程序错误tcpip上的netbios怎么启用TCP/IP上的NetBIOSfusionchartsfusioncharts怎么生成图片至excel
虚拟主机系统 中文国际域名 中国万网域名 plesk java主机 godaddy域名优惠码 服务器怎么绑定域名 gg广告 双拼域名 申请个人网站 699美元 刀片式服务器 重庆双线服务器托管 万网空间购买 服务器防火墙 成都主机托管 广州服务器托管 密钥索引 免费赚q币 腾讯服务器 更多