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