JS:展開/收起
2013/12/31
萌芽站長
2,713 1
網站技術 , 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
HTML <datalist> 輸入欄位可自動補字之下拉選單
📆 2021-10-08
📁
網站技術, HTML
Node.js:Gulp 套件協助將 JavaScript 合併、壓縮與命名,將 JS 封裝吧!
📆 2019-04-02
📁
網站技術, JavaScript, Node.js, Gulp
SQL 查詢(SQL Query)的基本語法
📆 2019-04-21
📁
網站技術, 伺服器, 資料庫, 學業筆記, 學術詞彙, SQL
CSS 原生變數(Variables)介紹與使用教學:-- 宣告變數、var() 呼叫變數
📆 2019-03-22
📁
網站技術, CSS
【技巧】設計網站的'左上角'原則
📆 2013-01-01
📁
網站技術
instant.page:預載技術、預測使用者點擊進而加速載入網頁
📆 2019-02-22
📁
網站技術, HTML, JavaScript
CSS background-image 動態下橫線(底線)
📆 2020-08-26
📁
網站技術, CSS
Index WP MySQL For Speed(WordPress 外掛):全面提升資料庫效能的關鍵利器
📆 2025-11-12
📁
網站技術, 資料庫, 架站程式, WordPress
留言區 / Comments
萌芽論壇