tab切换
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery-2.1.0.min.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body>
<!-- tab标签 -->
<ul id="myTab" class="nav nav-tabs">
<li class="active">
<a href="#home" data-toggle="tab">
Microsoft
</a>
</li>
<li>
<a href="#ios" data-toggle="tab">
NET CORE
</a>
</li>
</ul>
<!-- 每个tab页对应的内容 -->
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="home">
<p>
微软，是一家美国跨国科技公司，也是世界PC（Personal Computer，个人计算机）软件开发的先导，由比尔·盖茨与保罗·艾伦创办于1975年，公司总部设立在华盛顿州的雷德蒙德（Redmond，邻近西雅图）。以研发、制造、授权和提供广泛的电脑软件服务业务为主。
</p>
</div>
<div class="tab-pane fade" id="ios">
<p>
NET CORE 是一个由微软公司开发和发布的跨平台框架。
</p>
</div>
</div>
<script>
$(‘#myTab a‘).click(function (e) {
e.preventDefault()
$(this).tab(‘show‘)
})
</script>
</body>
</html>
原文地址：https://www.cnblogs.com/xulinjun/p/12038325.html
时间： 2024-11-19 03:10:27