<html><head><title>this is a test file</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">#head,#foot{width: 960px;height: 100px;margin: 0px auto;}body{margin: 0px;padding: 0px;font-size: 14px;font-family: "微软雅黑",Helvetica,arial;}/*** darker:#06a18a;* light: #0fb89f;*/div.navbar{background-color:#0fb89f ;}ul.nav{margin: 0px auto;padding: 0px;list-style: none;width: 960px;height: 40px;}ul.nav a{text-decoration: none;color: white;display: inline-block;padding: 10px;min-width: 110px;text-align: center;}ul.nav a:hover{background-color: #06a18a;}a.active{background-color: #06a18a;}ul.nav li{float: left;}ul.nav li ul{margin: 0px auto;padding: 0px;list-style: none;background-color: #06a18a;display: none;}ul.nav li ul li{float: none;}ul.nav li ul li a:hover{background-color:#0fb89f ;}</style><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script></head><body><div id="head">this is head</div><div class="navbar"><ul class="nav"><li><a href="" class="active">首页</a></li><li><a href="">中心概况</a><ul><li><a href="">中心简介</a></li><li><a href="">历任领导</a></li><li><a href="">现任领导</a></li><li><a href="">组织架构</a></li></ul></li><li><a href="">新闻公告</a><ul><li><a href="">集团要闻</a></li><li><a href="">综合新闻</a></li><li><a href="">通知公告</a></li><li><a href="">媒体关注</a></li></ul></li><li><a href="">经营发展</a></li><li><a href="">社会责任</a></li><li><a href="">企业文化</a></li><li><a href="">专项工作</a></li><li><a href="">投资者关系</a></li></ul></div><div id="foot"></div></body><script type="text/javascript">$(document).ready(function(){$("ul.nav").children().hover(function() {if($(this).find("li").length > 0){$(this).children("ul").stop(true, true).slideDown(100)}},function() {$(this).children("ul").stop(true, true).slideUp("fast");});$("ul.nav ul").hover(function(){$(this).prev().addClass("active");},function(){$(this).prev().removeClass("active");})});</script></html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
