点击箭头弹出隐藏的导航菜单，jquery实现这个菜单隐藏特效，当再次点击时恢复隐藏效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>实用jquery弹出底部隐藏菜单特效_武鸣人</title>
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<style type="text/css">
*{margin:0px;padding: 0px;}
body{font-size:12px;}
img{border:none;}
ul,li{list-style: none;}
.www_wuming_ren{ width:1024px; margin:0 auto; position:relative; z-index:2000; bottom:-730px;}
#nav_www_wuming_ren{text-align:center;cursor:hand; cursor:pointer; background:#FFFFFF;}
.service{width:100%; margin: 0 auto; font-family:"宋体"; background:url(/img/20240221_www_wuming_ren_4.jpg) repeat-x bottom #FFFFFF;}
#nav_www_wuming_ren{text-align:center;cursor:hand; cursor:pointer; background:#FFFFFF;}
.service a:link{color:#666;}
.service a:visited {color:#666;text-decoration:none;}
.service a:hover {color:#c51208;text-decoration:none;}
.index_wuming_ren{ width:980px; margin:0 auto; font-family:"宋体"; color:#666666; padding-top:20px; overflow:hidden; display:none; padding-bottom:20px;}
.index_wuming_ren h3{ padding-top:10px; padding-bottom:10px;}
.index_wuming_ren p{ padding-top:10px;}
.service_cp{ padding-left:10px; width:97px; float:left; background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
.service_gl{ padding-left:10px; width:135px; float:left; background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
.service_fw{ padding-left:10px; width:85px; float:left; background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
.service_dt{ padding-left:10px; width:77px; float:left; background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
.service_gldc{ padding-left:10px; width:76px; float:left; background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
.service_hdzq{ padding-left:10px; width:90px; float:left; background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
.service_tzgx{ padding-left:10px; width:69px; float:left; background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
.service_cyqy{ padding-left:10px; width:173px; float:left; background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
.service_gyyy{ padding-left:10px; width:87px; float:left; background:url(/img/20240221_www_wuming_ren_6.jpg) repeat-y left;}
.service_gl_bao{ clear:both; margin:0; width:136px;}
.service_gl_bao_left{ width:54px; float:left}
.service_gl_bao_right{ width:75px; float:left; padding-left:5px;background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
.service_gl_bao1{ clear:both; margin:0; width:172px;}
.service_gl_bao_left1{ width:70px; float:left}
.service_gl_bao_right1{ width:85px; float:left; padding-left:10px;background:url(/img/20240221_www_wuming_ren_5.jpg) repeat-y left;}
</style>
<script type="text/javascript" src="/img/jquery-latest.pack.js"></script>
<script type="text/javascript">
var isUp=true;
$(document).ready(function () {
//最新动态
dis_www_wuming_ren();
});
function dis_www_wuming_ren() {
//alert("21312");
$("#nav_www_wuming_ren").click(function() {
$(".index_wuming_ren").slideToggle(300);
if (isUp) {
$(this).html('<img src="/img/20240221_www_wuming_ren_7.jpg" />');
$(".indexmain").animate({height: "1000px" }, 300 );
isUp = false;
} else {
$(".indexmain").animate({ height: "750px" }, 300 );
$(this).html('<img src="/img/20240221_www_wuming_ren_8.jpg" />');
isUp = true;
}
})
}
</script>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
需要加载js文件，请刷新页面后看效果！
<div class="www_wuming_ren">
<div id="nav_www_wuming_ren"><img src="/img/20240221_www_wuming_ren_8.jpg" /></div>
<div class="service">
<div class="index_wuming_ren">
<div class="service_cp">
<h3><a href="https://wuming.ren"><img src="/img/20240221_www_wuming_ren_9.png" height="13" /></a></h3>
<p><a href="https://wuming.ren">按行业划分</a></p>
<p><a href="https://wuming.ren">按领域划分</a></p>
<p><a href="https://wuming.ren">按企业规模划分</a></p>
</div>
<div class="service_gl">
<h3><a href="https://wuming.ren"><img src="/img/20240221_www_wuming_ren_10.png" height="13" /></a></h3>
<div class="service_gl_bao">
<div class="service_gl_bao_left">
<p><a href="https://wuming.ren">用友NC</a></p>
<p><a href="https://wuming.ren">用友U8</a></p>
<p><a href="https://wuming.ren/">用友HR</a></p>
<p><a href="https://wuming.ren">用友MERP</a></p>
<p><a href="https://wuming.ren" target="_blank">用友BQ</a></p>
<p><a href="https://wuming.ren" target="_blank">用友UAP</a></p>
</div>
<div class="service_gl_bao_right">
<p><a href="https://wuming.ren">用友U9</a></p>
<p><a href="https://wuming.ren" target="_blank">畅捷通T系列</a></p>
<p><a href="https://wuming.ren">用友PLM</a></p>
<p><a href="https://wuming.ren">用友TurboCRM </a></p>> </div>
</div>
</div>
<div class="service_fw">
<h3><a href="https://wuming.ren"><img src="/img/20240221_www_wuming_ren_11.png" height="13" /></a></h3>
<p><a href="https://wuming.ren">IT规划与咨询</a></p>
<p><a href="https://wuming.ren">企业培训</a></p>
<p><a href="https://wuming.ren">服务支持</a></p>
<p><a href="https://wuming.ren">实施咨询</a></p>
<p><a href="https://wuming.ren">IT应用集成</a></p>
</div>
<div class="service_gldc">
<h3><a href="https://wuming.ren"><img src="/img/20240221_www_wuming_ren_12.png" height="13" /></a></h3>
<p><a href="https://wuming.ren">新闻中心</a></p>
<p><a href="https://wuming.ren">市场活动</a></p>
<p><a href="https://wuming.ren">成功案例</a></p>
<p><a href="https://wuming.ren">视频中心</a></p>
<p><a href="https://wuming.ren">白皮书</a></p>
<p><a href="https://wuming.ren">电子期刊</a></p>
</div>
<div class="service_gldc">
<h3><a href="https://wuming.ren"><img src="/img/20240221_www_wuming_ren_13.png" height="13" /></a></h3>
<p><a href="https://wuming.ren">管理前沿</a></p>
<p><a href="https://wuming.ren">行业洞察</a></p>
<p><a href="https://wuming.ren">CEO专访</a></p>
</div>
<div class="service_hdzq">
<h3><a href="https://wuming.ren"><img src="/img/20240221_www_wuming_ren_14.png" height="13" /></a></h3>
<p><a href="https://wuming.ren" target="_blank">用友CIO社区</a></p>
<p><a href="https://wuming.ren">用友微博系</a></p>
<p><a href="https://wuming.ren">自助服务</a></p>
</div>
<div class="service_tzgx">
<h3><a href="https://wuming.ren"><img src="/img/20240221_www_wuming_ren_15.png" height="13" /></a></h3>
<p><a href="https://wuming.ren">临时公告</a></p>
<p><a href="https://wuming.ren">季度公告</a></p>
<p><a href="https://wuming.ren">半年公告</a></p>
<p><a href="https://wuming.ren">年度公告</a></p>
</div>
<div class="service_cyqy">
<h3><img src="/img/20240221_www_wuming_ren_17.png" height="13" /></h3>
<div class="service_gl_bao1">
<div class="service_gl_bao_left1">
<p><a href="https://wuming.ren" target="_blank">用友政务</a></p>
<p><a href="https://wuming.ren" target="_blank">用友医疗</a></p>
<p><a href="https://wuming.ren" target="_blank">用友华表</a></p>
<p><a href="https://wuming.ren" target="_blank">用友烟草</a></p>
<p><a href="https://wuming.ren" target="_blank">用友审计</a></p>
<p><a href="https://wuming.ren" target="_blank">畅捷通</a></p>
</div>
<div class="service_gl_bao_right1">
<p><a href="https://wuming.ren" target="_blank">用友新道</a></p>
<p><a href="https://wuming.ren" target="_blank">长伴管理咨询</a></p>
<p><a href="https://wuming.ren" target="_blank">用友汽车软件</a></p>
</div>
</div>
</div>
<div class="service_gyyy">
<h3><a href="https://wuming.ren"><img src="/img/20240221_www_wuming_ren_16.png" height="13" /></a></h3>
<p><a href="https://wuming.ren">公司介绍</a></p>
<p><a href="https://wuming.ren">公司历程</a></p>
<p><a href="https://wuming.ren">用友荣誉</a></p>
<p><a href="https://wuming.ren" target="_blank">人才招聘</a></p>
<p><a href="https://wuming.ren" target="_blank">用友软件园</a></p>
<p><a href="https://wuming.ren">联系用友</a></p>
</div>
</div>
</div>
</div>
</body>
</html>本文来自武鸣人网站，转载请注明出处