首页横向下拉二级菜单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折起(49元), 国内BGP 美国 香港 日本

棉花云官网棉花云隶属于江西乐网科技有限公司,前身是2014年就运营的2014IDC,专注海外线路已有7年有余,是国内较早从事海外专线的互联网基础服务提供商。公司专注为用户提供低价高性能云计算产品,致力于云计算应用的易用性开发,并引导云计算在国内普及。目前公司研发以及运营云服务基础设施服务平台(IaaS),面向全球客户提供基于云计算的IT解决方案与客户服务(SaaS),拥有丰富的国内BGP、双线高防...

CloudCone,美国洛杉矶独立服务器特价优惠,美国洛杉矶MC机房,100Mbps带宽不限流量,可选G口,E3-1270 v2处理器32G内存1Gbps带宽,69美元/月

今天CloudCone发布了最新的消息,推送了几款特价独立服务器/杜甫产品,美国洛杉矶MC机房,分配100Mbps带宽不限流量,可以选择G口限制流量计划方案,存储分配的比较大,选择HDD硬盘的话2TB起,MC机房到大陆地区线路还不错,有需要美国特价独立服务器的朋友可以关注一下。CloudCone怎么样?CloudCone服务器好不好?CloudCone值不值得购买?CloudCone是一家成立于2...

wordpress高级跨屏企业主题 wordpress绿色企业自适应主题

wordpress高级跨屏企业主题,通用响应式跨平台站点开发,自适应PC端+各移动端屏幕设备,高级可视化自定义设置模块+高效的企业站搜索优化。wordpress绿色企业自适应主题采用标准的HTML5+CSS3语言开发,兼容当下的各种主流浏览器: IE 6+(以及类似360、遨游等基于IE内核的)、Firefox、Google Chrome、Safari、Opera等;同时支持移动终端的常用浏览器应...

jquery下拉菜单为你推荐
《信息技术基础》复习大纲考生itunesadbandroid空调iphone支持ipad《个人收入的分配过关检测》xp如何关闭445端口Windows XP 怎么关闭445端口,我是电脑小白,求各位讲详细点127.0.0.1127.0.0.1打不开ms17-010win10蒙林北冬虫夏草酒·10年原浆1*6 500ml 176,176是一瓶的价格还是一箱的价格联通iphone4联通iphone4跟苹果的iphone4有什么不一样? 比如少了什么功能? 还是什么的?
yaokan永久域名经常更换 域名空间购买 mediafire下载 轻博客 ssh帐号 地址大全 建站代码 卡巴斯基永久免费版 促正网秒杀 免费mysql 数字域名 广州服务器 ftp免费空间 天翼云盘 vip域名 smtp虚拟服务器 东莞主机托管 全能空间 永久免费空间 免费蓝钻 更多