.box1").eq(0).show(); ...">
美文网首页
运用jquery做出选项卡

运用jquery做出选项卡

作者: 严志勇 | 来源:发表于2016-11-04 17:42 被阅读0次

    //引进 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做出选项卡

            本文链接:https://www.haomeiwen.com/subject/hjdwuttx.html