您當前位置：首頁 > web前端 > jscript > 用JavaScript 實現(xiàn)可折疊區(qū)域代碼

用JavaScript 實現(xiàn)可折疊區(qū)域代碼

來源：程序員人生發(fā)布時間：2013-11-27 12:15:09 閱讀次數(shù)：2660次

　　網(wǎng)(LieHuo.Net)教程這是一個非常簡單的應用，這個應用在過去幾年在網(wǎng)頁上創(chuàng)建可折疊區(qū)域是非常普遍的。其基本思想就是用CSS的display特性就可以完成。

<html><head><title>用JavaScript 實現(xiàn)可折疊區(qū)域代碼-LIEHUO.NET</title><script type="text/javascript">function toggle(sDivId) {var oDiv=document.getElementById(sDivId);oDiv.style.display=(oDiv.style.display=="none")?"block":"none";//這是關鍵代碼 }</script><body><div style="background-color:blue;color:white;font-weight:bold;padding:10px;cursor:pointer" onclick="toggle('divContent1')">點擊</div><div div style="border:3px solid blue;height:100px;padding:10px" id="divContent1">這段內容用于演示隱藏與顯示</div><p> </p><div style="background-color:blue; color:white;font-weight:bold; padding:10px;cursor:pointer" onclick="toggle('divContent2')">點擊這里</div><div style="border:3px solid blue; height:100px;padding:10px" id="divContent2">這段內容用于演示隱藏與顯示.</div></body></html><br /><center>網(wǎng)更多教程，請訪問：<a href=http://www.jyygyx.com/ target=_blank _fcksavedurl="http://www.jyygyx.com/ target=_blank">http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運行!

生活不易，碼農辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 Access入門教程 19.2 對數(shù)據(jù)庫性能進行分析[2]

下一篇 論策系列教程：軟文推廣寫作的幾大要點

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

用JavaScript 實現(xiàn)可折疊區(qū)域代碼