程序博客网 > 股票网络销售技巧

JQuery导航条的应用

来源：互联网发布：股票网络销售技巧编辑：程序博客网时间：2024/04/30 19:09

<body>
    <form id="form1" runat="server">
    <div id="divFrame">
    <div id="divHeader">
    <h3>图书分类</h3>
    <span>挂起</span></div>
    <div id="divContent">
    <ul><li><a href="#">语文<i>(1100)</i></a></li>
    <li><a href="#">数学<i>(1100)</i></a></li>
    <li><a href="#">英语<i>(1100)</i></a></li>
    <li><a href="#">地理<i>(1100)</i></a></li>
    <li><a href="#">历史<i>(1100)</i></a></li>
    <li><a href="#">政治<i>(1100)</i></a></li>
    <li><a href="#">化学<i>(1100)</i></a></li>
    <li><a href="#">社会<i>(1100)</i></a></li>
    <li><a href="#">生物<i>(1100)</i></a></li>
    <li><a href="#">音乐<i>(1100)</i></a></li></ul>
    <div id="divBot"><span><a href="#">简化</a></span></div>
    </div>
    </div>
    </form>
</body>

样式

<style type="text/css">
        body{ font-size:18px;}
     #divFrame{ width:360px; height:240px; border:solid 1px #eee;}
     ul{ list-style-type:none; padding:0px;}
     ul li{ float:left; width:100px; height:20px;}
     #divHeader{ width:360px; height:30px; background-color:#666; margin:0px; padding:0px;}
     #divHeader h3{ float:left; padding:0px; margin:0px;}
     #divHeader span{ float:right;}
     #divContent span{width:360px; height:200px; padding:3px; margin:2px;}
     #divBot{ float:right; margin-top:30px;}
    </style>

调用JQuery

<script src="Jquery1.7.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

$('#divHeader span').click(function(){

if($('#divContent').is(' :visible')){

$('#divHeader span').text('展开');

$('#divContent').hide(2000);

}

else

{

$('#divHeader span').text('挂起');

$(''#divContent').show(2000);

}

$('#divBot span>a').click(function(){

if('#divBot span>a').text()=='简化'{

$('#divBot span>a').text('更多...');

$('li:gt(3)').hide(2000);

}

else

{

$('#divBot span>a').text('简化');

$('li:gt(3)').show(2000);

}

})

})

})

</script>

保持初学者的心态!!!

股票网络销售技巧

股票网络销售技巧

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子钱被银联代收了怎么办广发vtm开卡被拒怎么办电脑屏幕字太大怎么办电脑画面太大怎么办手机贷绑卡失败怎么办恒易贷逾期怎么办恒易贷3万还不上怎么办北京一卡通怎么办支付宝提现好慢怎么办离职欠薪怎么办职享花风控了怎么办联万家受害者怎么办云联惠买了车怎么办云联惠购车受骗怎么办云联惠的钱怎么办云联惠冻结金额怎么办案件定性后怎么办中介临时工工资怎么办法院结案后面怎么办小孩肚脐凸很长怎么办? 婴儿大肚脐怎么办婴儿肚脐突起怎么办云联惠被骗会员怎么办云联惠投资钱怎么办云联惠的受害者怎么办云联惠会员员怎么办注册云联惠了怎么办劳务中介不退钱怎么办云联惠倒闭会员怎么办没钱收房怎么办房子到期不交房怎么办延期交房怎么办买房开发商违约怎么办菜太咸了怎么办菜太甜了怎么办 orp值过高怎么办彩票诈骗案怎么办大海惠工卡怎么办世界杯决赛平局怎么办嗨团买到假货怎么办嘟嘟唇打歪了怎么办