现在的位置: 主页 > 新闻中心 > 文章列表

JS高级做的导航条。可展开可挂起。可简化。

作者:沈阳市沈河区金瑞龙美术社 来源:www.jrlgg.com 发布时间:2017-09-06 10:56:12
 

JS高级做的导航条。可展开可挂起。可简化。

<head>
<title>导航条在项目中的应用</title>
<style type="text/css">
#divFrame
{
width: 500px;
height: 200px;
border: solid 2px #eee;
}
#divHeader
{
width: 500px;
height: 50px;
background-color: #eee;
}
#divMore
{
float:right; padding-top:50px;
}
ul{ list-style-type:none; padding:0px;}
li{ float:left; width:100px; height:30px;}
#sp1
{
float:right; margin-top:0px;
}
#splish
{
font-size:30px;
font-weight:bold;
}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var numb = 1;
$('#sp1').click(function () {
/*if (numb % 2 != 0) {
$('#divContent').hide(2000);
$('#sp1').text('展开');
}
else {
$('#divContent').show(2000);
$('#sp1').text('挂起');
}
numb++;*/
//判断#divContent的显示与隐藏状态
if ($('#divContent').is(':visible')) {
$('#divContent').hide(2000);
$('#sp1').text('展开');
}
else {
$('#divContent').show(2000);
$('#sp1').text('挂起');
}
})

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:恩施SEO http://enshi.4567w.com

  • 上一篇:python网络爬虫学习(六)利用Pyspider+Phantomjs爬取淘
  • 下一篇:最后一页
  •