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

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

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

老規(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>

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

您可能感興趣的文章:

相關(guān)文章

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