JS:展開/收起

2013/12/31 2,530 3 網站技術 , JavaScript

這是很常用的原碼，可以展開/收起網頁元件，
有任何問題歡迎問我唷!
●效果展示:
展開/收起 你看到了嗎? ●JS原碼:
function turnoff ( n ) {
　　var s = document.getElementById( n ).style;
　　s.display = ( s.display == 'none' ) ? '' : 'none' ;
}
●HTML原碼:
<div title="展開/收起" onclick="turnoff('divturnoff');">展開/收起</div>
<div id="divturnoff" style="display: none;">
你看到了嗎?
</div>

贊助廣告 ‧ Sponsor advertisements
無縮圖
【網站架設】為404錯誤設置自訂網頁教學
📆 2014-02-10
📁 網站技術
【萌芽網站技術教學】第一章:準備當個網站站長
📆 2014-07-27
📁 網站技術
【技巧】網站設計必要元素:導航
📆 2013-11-16
📁 網站技術
JavaScript：點擊任一按鈕使其他按鈕無法點擊
📆 2019-10-26
📁 網站技術, HTML, JavaScript
PHP 取整數與大小寫轉換函數
📆 2019-06-22
📁 網站技術, PHP
YOURLS:建立自己的短網址系統
📆 2016-02-27
📁 網站技術, 架站程式
JavaScript：十進位轉二進位指定位數補0
📆 2021-12-15
📁 網站技術, JavaScript
將 MS Access 的資料庫匯入至 MySQL 資料庫中
📆 2019-03-30
📁 軟體應用, 網站技術, 伺服器, 資料庫, 學業筆記, SQL

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！