快捷導(dǎo)航

jQuery插件zepto.js簡單實現(xiàn)tab切換

更新時間：2015年06月16日 11:10:17 投稿：hebedich

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

老規(guī)矩，先貼代碼

<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>

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實現(xiàn)代碼
Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實現(xiàn)代碼，需要的朋友可以參考下。主要是屬性比較多。
2011-08-08
基于jquery插件編寫countdown計時器
這篇文章主要為大家詳細介紹了jquery插件編寫countdown計時器，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-06-06
360提示[高危]使用存在漏洞的JQuery版本的解決方法
今天用360檢測網(wǎng)站，提示高危]使用存在漏洞的JQuery版本，說是這個文件有問題jquery.min.js,這里腳本之家小編就為大家分享一下解決方法
2017-10-10
jQuery獲取所有父級元素及同級元素及子元素的方法(推薦)
這篇文章主要介紹了jQuery獲取所有父級元素及同級元素及子元素的方法，本文給大家介紹的非常詳細，具有參考借鑒價值 ,需要的朋友可以參考下
2018-01-01
40個新鮮出爐的jQuery 插件和免費教程[上]
作為最流行的 JavaScript 庫，jQuery 擁有豐富的插件，能夠幫助開發(fā)者簡單快速的實現(xiàn)各種功能
2012-07-07
分享28款免費實用的 JQuery 圖片和內(nèi)容滑塊插件
這篇文章主要介紹了分享28款免費實用的 JQuery 圖片和內(nèi)容滑塊插件,需要的朋友可以參考下
2014-12-12
JQuery+drag.js上傳圖片并且實現(xiàn)圖片拖曳
這篇文章主要介紹了JQuery+drag.js上傳圖片并且實現(xiàn)圖片拖曳,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-11-11
jquery獲取div距離窗口和父級dv的距離示例
jquery中jquery.offset().top/left用于獲取div距離窗口的距離而jquery.position().top/left用于獲取距離父級div的距離，下面有個不錯的示例，感興趣的朋友可以參考下
2013-10-10
jQuery pagination分頁示例詳解
這篇文章主要為大家詳細介紹了jQuery pagination分頁示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-10-10
基于jQuery UI CSS Framework開發(fā)Widget的經(jīng)驗
jQuery UI CSS Framework是jQuery UI中的一個樣式框架，可以利用jQuery Theme roller 來生成自己想要的css樣式效果。我們可以利用jQuery UI的一些框架來開發(fā)出基于jQuery UI CSS Framework效果的插件來。
2010-08-08