是網(wǎng)頁的基本骨架。在html代碼中，標(biāo)簽是起到關(guān)鍵作用的，而切換標(biāo)簽又是常用到的技巧之一。
下面給出一個(gè)簡單的html標(biāo)簽切換的代碼：
<html>
<head>
<title>標(biāo)簽切換</title>
</head>
<body>
<div id="box">
<h2>切換標(biāo)簽例子</h2>
<p>點(diǎn)擊下面的鏈接，可以切換顯示不同的圖片。</p>
<a href="javascript:void(0);" onclick="changeImg('img1')">圖片一</a>
<a href="javascript:void(0);" onclick="changeImg('img2')">圖片二</a>
<a href="javascript:void(0);" onclick="changeImg('img3')">圖片三</a>
<div><img src="img1.jpg" id="myImg"></div>
</div>
<script type="text/javascript">
function changeImg(name){
var img = document.getElementById("myImg");
img.src = name + ".jpg";
}
</script>
</body>
</html>上述代碼包括一個(gè)div容器，包含標(biāo)題、一段介紹文本和三個(gè)鏈接。鏈接的onclick事件綁定函數(shù)changeImg，用于替換圖片鏈接的src屬性，從而實(shí)現(xiàn)圖片的切換。在每個(gè)鏈接中加入圖片的名稱參數(shù)，便可以通過簡單的點(diǎn)擊實(shí)現(xiàn)預(yù)期的效果。
以上是一個(gè)簡單的html標(biāo)簽切換實(shí)例。在實(shí)際應(yīng)用中，標(biāo)簽切換可以用來實(shí)現(xiàn)很多的效果，比如實(shí)現(xiàn)簡單的輪播圖、切換頁面的語言版本等等。只要善于運(yùn)用標(biāo)簽切換技巧，一定可以達(dá)到出色的效果。上一篇jsmind在vue
下一篇json 讀寫vue