運用jquery做出選項卡

//引進 jquery

$(function() {

$("#box>.box1").eq(0).show();? //默認顯示第一個頁面

$("li").each(function(index) {? //遍歷所有的li

$(this).on("click",function() {//點擊li之后所響應的回復

$("#box>.box1").eq(index).fadeIn().siblings().hide();//box下面的box1

第index的文件，滑入，這個文件的其它兄弟文件，全部消失、、、、、、、

})

})

})

  • 選項卡1

    選項卡2

    選項卡3

    選項卡4

    選項卡5

    選項卡6

    • 最后編輯于 ：
    ?著作權歸作者所有,轉載或內容合作請聯系作者
    平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

    推薦閱讀更多精彩內容

    • jQuery基礎 什么是JQ？一個優秀的JS庫，大型開發必備JQ的好處？一簡化JS的復雜操作二不再需要關心兼容性三...
      幺七閱讀 955評論 0贊 2
    • 第一章 入門 基本功能：訪問和操作 dom 元素，控制頁面樣式，對頁面的事件處理，與ajax完美結合，有豐富的插件...
      X_Arts閱讀 1,066評論 0贊 2
    • 首先附上jQuery官網 http://jquery.com/ 2.0版本開始放棄了對IE7/8及其之前版本的...
      風之帆閱讀 714評論 4贊 2
    • “你拿的是什么。” “追魂令。” “什么，追魂令！” “哪個消失在江湖近十年的追魂令。” “為什么會在你手里。” ...
      木東本尊閱讀 244評論 0贊 1
    • socket “套接字” 網絡上的兩個程序通過一個雙向的通信連接實現數據的交換，這個連接的一端稱為socket。 ...
      冷了年度閱讀 429評論 0贊 0