运用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的复杂操作二不再需要关心兼容性三...
      幺七阅读 4,461评论 0 2
    • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
      X_Arts阅读 4,661评论 0 2
    • 首先附上jQuery官网 http://jquery.com/ 2.0版本开始放弃了对IE7/8及其之前版本的...
      风之帆阅读 3,987评论 4 2
    • “你拿的是什么。” “追魂令。” “什么,追魂令!” “哪个消失在江湖近十年的追魂令。” “为什么会在你手里。” ...
      木东本尊阅读 1,657评论 0 1
    • socket “套接字” 网络上的两个程序通过一个双向的通信连接实现数据的交换,这个连接的一端称为socket。 ...
      冷了年度阅读 3,068评论 0 0