tp5面包屑

最新推荐文章于 2021-03-10 12:25:00 发布

gcl_guyunlige

最新推荐文章于 2021-03-10 12:25:00 发布

阅读量683

点赞数

分类专栏： web前端技术文章标签： thinkphp5

web前端技术专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<ul class="breadcrumb">
  <li><a href="/">网站首页</a> <span class="divider">/</span></li>
  <li><a href="{:U('Members/index')}">用户中心</a> 

  <span class="divider" style="display:none;" id="divider2">/</span></li>
  <li class="active" id="location" style="display:none;"></li>

</ul>    //面包屑导航部分
<script>    //JQuery控制变化的文字   （重点）
$(function(){

        $("#leftMenu li a").click(function(){

                var teshu = $(this).html() ;
                $("#location").html(teshu );

                if (teshu=='用户中心'){
                        $("#location,#divider2").hide();
                }else{
                        $("#location,#divider2").show();
                }

        });

});
</script>
<div class="tabbable tabs-left">
  <ul class="nav nav-tabs" id="leftMenu">
    <li class="active"><a href="#myCenter" data-toggle="tab">用户中心</a></li>
    <li><a href="#myTask" data-toggle="tab">我的课程</a></li>
    <li><a href="#tab2" data-toggle="tab">课程问题</a></li>
    <li><a href="#tab2" data-toggle="tab">我的试卷</a></li>
    <li><a href="#tab2" data-toggle="tab">我的作业</a></li>
    <li><a href="#tab2" data-toggle="tab">我的学生</a></li>
    <li><a href="#myInfo" data-toggle="tab">我的资料</a></li>
    <li><a href="#tab2" data-toggle="tab">我的好友</a></li>
    <li><a href="#loginLog" data-toggle="tab">登录历史</a></li>
    <li><a href="#tab2" data-toggle="tab">站内信</a></li>
  </ul>
  <div class="tab-content">


    </div>