DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jQuery插件zepto.js簡單實現tab切換
jQuery插件zepto.js簡單實現tab切換
編輯:JavaScript綜合知識     

  這篇文章主要介紹了jQuery插件zepto.js簡單實現tab切換的代碼,十分的簡潔,有需要的小伙伴可以參考下

  老規矩,先貼代碼

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script> $(function(){ window.onload = function() { var $li = $('.taocan-title li'); var $ul = $('.taocan-content .con110');   $li.mouseover(function(){ var $this = $(this); var $t = $this.index(); $li.removeClass(); $this.addClass('active'); $ul.css('display','none'); $ul.eq($t).css('display','block'); }) } }); </script>

以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved