类似Jquery ui 标签页(Tabs)

<div class="indexnew_tit">
     <a href="javascript:;" class="on">INDUSTRY NEWS</a>
     <a href="javascript:;">COMPANY NEWS</a>
</div>
<div class="content1">
      <div class="contentplist1" style="display:block;">
            <div class="indexnew_cont">
             内容1
            </div>
       </div>        
       <div class="contentplist1" style="display:none;">
             <div class="indexnew_cont">
              内容2
             </div>                
       </div>            
</div>
//js代码
<script  type="text/javascript">
    $(function () {
        $('.content1 .contentplist1').hide();
        $('.content1 .contentplist1:eq(0)').show();
        $(".indexnew_tit a").click(function () {
            $(this).addClass('on').siblings().removeClass('on');
            var index = $(this).index();
            number = index;
            $('.content1 .contentplist1').hide();
            $('.content1 .contentplist1:eq(' + index + ')').show();
        });

    });
</script>

 

posted @ 2017-01-19 14:02  飞鱼0725  阅读(271)  评论(0编辑  收藏  举报