右邊div放導航欄，左邊div放切換內容
uj5u.com熱心網友回復：
用js也是操作css的隱藏顯示uj5u.com熱心網友回復：
可以，需要一點類似Hack的代碼。有很多純CSS寫Tab導航條的代碼可以參考
uj5u.com熱心網友回復：
是需要用到js的，js是實作網站的動態效果。uj5u.com熱心網友回復：
css好像只能經過時切換，點擊的話除了鏈接就是用jsuj5u.com熱心網友回復：
只用css的
<!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,chrome=1" />
<title> 頁面名稱 </title>
<style type="text/css">
.sel input , .sel div {
display: none;
}
.sel input:checked + div {
display: block;
}
</style>
</head>
<body>
<div class="sel">
<label for="id1">選單·1</label>
<label for="id2">選單·2</label>
<label for="id3">選單·3</label>
<input type="radio" name="sel" id="id1" checked="checked" />
<div>
內容--1
</div>
<input type="radio" name="sel" id="id2" />
<div>
內容--2
</div>
<input type="radio" name="sel" id="id3" />
<div>
內容--3
</div>
</div>
</body>
</html>
uj5u.com熱心網友回復：
<div id="symantecSeal" style="text-align:center;" title="單擊即可驗證 - 該站點選擇 Symantec SSL 實作安全的電子商務和機密通信"> <script type="text/javascript" src="https://seal.verisign.com/getseal?host_name=https://m.01238006.com/&size=M&use_flash=YES&use_transparent=YES&lang=zh_cn"></script> </div>uj5u.com熱心網友回復：
<div id="symantecSeal" style="text-align:center;" title="單擊即可驗證 - 該站點選擇 Symantec SSL 實作安全的電子商務和機密通信"> <script type="text/javascript" src="https://seal.verisign.com/getseal?host_name=https://m.01238006.com/&size=M&use_flash=YES&use_transparent=YES&lang=zh_cn"></script> </div>uj5u.com熱心網友回復：
<div id="symantecSeal" style="text-align:center;" title="單擊即可驗證 - 該站點選擇 Symantec SSL 實作安全的電子商務和機密通信"> <script type="text/javascript" src="https://seal.verisign.com/getseal?host_name=https://m.01238006.com/&size=M&use_flash=YES&use_transparent=YES&lang=zh_cn"></script> </div>uj5u.com熱心網友回復：
.sel input:checked + div {}加粗字體的陳述句是什么意思呀？求告知
uj5u.com熱心網友回復：
和選中狀態的input相鄰的后一個div轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/13725.html
標籤：HTML(CSS)
上一篇：基于MUI資訊流滑動的問題
下一篇：用vue封裝loading組件