bootstrap无刷选项卡案例

实用教程 3年前 (2018) Mgo
0

写骰子游戏是用到了无刷选项卡,源码分享给大家

	 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" crossorigin="anonymous"> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script> <div class="panel panel-default"> <div class="panel panel-info"> <div class="panel-heading"> <h3 class="panel-title">标题</h3> </div> <div class="panel-body"> <ul id="myTab" class="nav nav-tabs"> <li class="active"><a href="#shouye" data-toggle="tab">首页</a></li> <li><a href="#two" data-toggle="tab">第二</a></li> <li><a href="#s" data-toggle="tab">第三</a></li> <li><a href="#f" data-toggle="tab">第四</a></li> </ul> <div id="myTabContent" class="tab-content"> <div class="tab-pane fade in active" id="shouye"> 这是首页内容 </div> <div class="tab-pane fade" id="two"> 这是第二页内容 </div> <div class="tab-pane fade" id="s"> 这是第三页内容 </div> <div class="tab-pane fade" id="f"> 这是第四页内容 </div> </div> </div> </div> </div>

bootstrap无刷选项卡案例

版权声明:Mgo 发表于 2018-06-09 9:54:52。
转载请注明:bootstrap无刷选项卡案例 | 站长聚集地

暂无评论

暂无评论...