CSS 滑動門

2024-09-05 12:19:28

字體：大中小

來源：轉載

供稿：網友

又一個用純CSS代碼實現的簡潔滑動門，沒有用任何的JavaScript代碼，這是它可貴有價值的地方。純CSS帶給我們方便的實用性，易于修改，不懂JS也沒有關系，你可以修改為你喜歡的顏色風格，直到你滿意！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="www.w3.org/1999/xhtml"><head><title>又一個純CSS滑動門</title><meta http-equiv="content-Type" content="text/html;charset=gb2312"><style type="text/css"></style></head><body><div   class="iwvjtn8m0"   id="body">	<div   class="iwvjtn8m0"   id="nav">		成敗		技術		語言	</div>	<div   class="iwvjtn8m0"   id="main">		<div   class="iwvjtn8m0"   id="main1" style="display: none">			<p>細節決定成敗！</p>		</div>		<div   class="iwvjtn8m0"   id="main2" style="display: none">			<p>技術不是未來，但是飯碗</p>		</div>		<div   class="iwvjtn8m0"   id="main3" style="display: none">			<p>語言只是工具</p>		</div>	</div></div></body></html>

上一篇：酷似FLASH的豎向菜單

下一篇：仿QQ的下拉折疊菜單