用jquery写一个滑动TAB 例子

HTML结构

    <div class="tab">
      <div class="nav">
        <ul class="clear">
          <li class="on"><a href="#">one</a></li>
          <li><a href="#">two</a></li>
        </ul>
        <div class="navtip"></div>
      </div>
      <div class="content">
        <div>one content</div>
        <div>two content</div>
      </div>
    </div>


function tabSilde(nav, content, navtip, dealytime, on, type) {
    $(nav).children().bind(type, (function () {
            var $tab = $(this);
            var tab_index = $tab.prevAll().length;
            var $content = $(content).children();
            $(nav).children().removeClass(on);
            $tab.addClass(on);
            $(navtip).stop(true,false).animate({left: $tab.position()[‘left‘]+‘px‘, width: $tab.width()},dealytime)
            $content.hide();
            $content.eq(tab_index).show();
        }));
}

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。