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

RackNerd :美国大硬盘服务器促销/洛杉矶multacom数据中心/双路e5-2640v2/64G内存/256G SSD+160T SAS/$389/月

大硬盘服务器、存储服务器、Chia矿机。RackNerd,2019年末成立的商家,主要提供各类KVM VPS主机、独立服务器和站群服务器等。当前RackNerd正在促销旗下几款美国大硬盘服务器,位于洛杉矶multacom数据中心,亚洲优化线路,非常适合存储、数据备份等应用场景,双路e5-2640v2,64G内存,56G SSD系统盘,160T SAS数据盘,流量是每月200T,1Gbps带宽,配5...

618云上Go:腾讯云秒杀云服务器95元/年起,1C2G5M三年仅288元起

进入6月,各大网络平台都开启了618促销,腾讯云目前也正在开展618云上Go活动,上海/北京/广州/成都/香港/新加坡/硅谷等多个地区云服务器及轻量服务器秒杀,最低年付95元起,参与活动的产品还包括短信包、CDN流量包、MySQL数据库、云存储(标准存储)、直播/点播流量包等等,本轮秒杀活动每天5场,一直持续到7月中旬,感兴趣的朋友可以关注本页。活动页面:https://cloud.tencent...

wordpress投资主题模版 白银黄金贵金属金融投资网站主题

wordpress投资主题模版是一套适合白银、黄金、贵金属投资网站主题模板,绿色大气金融投资类网站主题,专业高级自适应多设备企业CMS建站主题 完善的外贸企业建站功能模块 + 高效通用的后台自定义设置,简洁大气的网站风格设计 + 更利于SEO搜索优化和站点收录排名!点击进入:wordpress投资主题模版安装环境:运行环境:PHP 7.0+, MYSQL 5.6 ( 最低主机需求 )最新兼容:完美...

jquery下拉菜单为你推荐
支持routehttp://www.tutorialspoint.com/css/css_dimension.htmpqqgraphSinglesb支持ipadipad如何上网iPad怎么上网?请高手指点iphone连不上wifi苹果手机“无法加入网络”怎么办win7如何关闭445端口如何关闭WIN7自动配置 IPV4 地址 169.254chromeframe谷歌浏览器(Chrome) 与(Chromium) 有什么区别?哪个更快?ipad无法加入网络我的IPAD无法加入网络
域名备案查询 php虚拟空间 长沙域名注册 大庆服务器租用 vps教程 国外免费域名网站 香港bgp机房 电影服务器 免费cdn加速 贵州电信宽带测速 商务主机 元旦促销 新天域互联 购买国外空间 dnspod 阵亡将士纪念日 第八届中美互联网论坛 e-mail nic neobux 更多