W3.JS 介紹
2020-11-05 17:06 更新
HTML 幻燈片
實(shí)例
<img class="nature" src="img_snowtops.jpg">
<img class="nature" src="img_mountains.jpg">
<img class="nature" src="img_nature.jpg">
<script>
w3.slideshow(".nature");
</script>
<img class="nature" src="img_mountains.jpg">
<img class="nature" src="img_nature.jpg">
<script>
w3.slideshow(".nature");
</script>
嘗試一下 ?
在 HTML 中顯示數(shù)據(jù)
HTML元素排列
Click on the table headers to sort the table accordingly:
實(shí)例
<table id="myTable">
<tr>
<th onclick="w3.sortHTML('#myTable','.item', 'td:nth-child(1)')">Name</th>
<th onclick="w3.sortHTML('#myTable','.item', 'td:nth-child(2)')">Country</th>
</tr>
</table>
<tr>
<th onclick="w3.sortHTML('#myTable','.item', 'td:nth-child(1)')">Name</th>
<th onclick="w3.sortHTML('#myTable','.item', 'td:nth-child(2)')">Country</th>
</tr>
</table>
嘗試一下 ?
篩選HTML元素
隱藏和顯示 HTML 元素
實(shí)例
<p><button onclick="w3.hide('.city')">隱藏</button></p>
<p><button onclick="w3.show('.city')">顯示</button></p>
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>嘗試一下 ?
添加HTML元素樣式
實(shí)例
<p><button onclick="w3.addStyle('#London','background-color','red')">添加樣式</button> </p>
嘗試一下 ?
切換HTML元素的類
實(shí)例
<button onclick="w3.addClass('#London','marked')">添加類</button>
<button onclick="w3.removeClass('#London','marked')">刪除類</button>
<button onclick="w3.toggleClass('#London','marked')">切換類</button>
嘗試一下 ?
以上內(nèi)容是否對您有幫助：
更多建議：