.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