jquery+CSS選項卡

.zt{width:98%;margin:10px auto;}.zt ul{float:left; list-style-type:none;width:212px; overflow:visible}.zt ul li{float:left;width:106px;height:35px; line-height:35px; background:url(../images/nav_link.gif);text-align:center;cursor:pointer}.zt ul li.on{width:106px; height:35px; line-height:35px; background:url(../images/nav_current.gif); text-align:center; color:#fff;font-weight:bold; cursor:pointer}#content div{overflow:hidden;width:98%;margin:10px auto;}.con{width:98%;margin:10px auto; display:block}

<div class="zt"><ul><li class="on">已推送商品</li><li>處理推送商品</li></ul><div id="content"><div class="con"><%=Pust_list()%></div><div style="display:none">dsafasf</div></div></div>

$(function() {        $('.zt li').click(function() {            $(this).addClass('on').siblings().removeClass();            var i = $('.zt li').index(this);            $('#content>div').eq(i).show().siblings().hide();        })    })