js實現的點選顯示或者隱藏相關內容
很多應用中,可能會有這樣的效果,一些內容在預設狀態下是隱藏的,當點選一個按鈕就會將此內容顯示出來,下面就通過程式碼例項簡單介紹一下如何實現此效果,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function $(idvalue){ return document.getElementById(idvalue); } function showtext(){ if($('text').style.display=='none'){ $('text').style.display=''; $("themore").value="隱藏內容"; } else{ $('text').style.display='none'; $("themore").value="顯示內容"; } } window.onload=function(){ var themore=document.getElementById("themore"); themore.onclick=function(){ showtext(); } } </script> </head> <body> <div id="text" style="display:none;">螞蟻部歡迎您</div> <input id="themore" type="button" value="檢視資訊" /> </body> </html>
以上程式碼實現了我們的要求,點選按鈕可以切換內容的是否存在。
相關文章
- 點選開關顯示或者隱藏input文字框
- jQuery實現的點選元素隱藏和顯示jQuery
- js實現的點選一個div顯示,其他div隱藏效果JS
- 點選按鈕實現div的顯示和隱藏
- 點選按鈕顯示或者隱藏元素例項程式碼
- jQuery實現簡單點選隱藏和點選顯示列表的功能jQuery
- Div+Css+JS做多個顯示/隱藏內容塊CSSJS
- JS實現點選引數皮膚按鈕顯示或隱藏資料JS
- 點選按鈕實現隱藏和顯示的切換程式碼
- CSS實現隱藏超出的內容CSS
- CSS點選隱藏和顯示div效果CSS
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- js下拉框實現div顯示和隱藏JS
- login介面 checkbox選擇顯示或者隱藏密碼密碼
- JavaScript點選切換div的顯示和隱藏JavaScript
- 點選同一按鈕實現div的隱藏與顯示切換
- jquery點選按鈕顯示和隱藏DIvjQuery
- js 實現點選複製內容JS
- jQuery 實現顯示與隱藏效果jQuery
- 點選空白出隱藏鍵盤,或者點選按鈕隱藏軟鍵盤
- js 選項卡 【滑鼠懸停標題,顯示對應內容,改變其他標題顏色並隱藏內容】...JS
- 點選按鈕動畫方式隱藏和顯示div動畫
- css文字超出div隱藏剩下內容並顯示省略號CSS
- JavaScript 點選一個按鈕 div的隱藏和顯示JavaScript
- jQuery點選頁面其他地方隱藏顯示的元素jQuery
- 實現單擊一級選單顯示或隱藏二級選單
- 點選同一按鈕顯示隱藏切換
- JavaScript點選一個按鈕隱藏和顯示divJavaScript
- mac顯示隱藏資料夾快捷鍵是什麼 mac顯示隱藏資料夾內容指令是什麼Mac
- win7工作列圖示設定(顯示或者隱藏)Win7
- 用js控制div的顯示與隱藏JS
- 點選空白處隱藏相應的元素
- js控制文字內容過多時候點選展開方式顯示全部內容demoJS
- PHP顯示文章內容點選數加一PHP
- mac顯示隱藏檔案,取消顯示隱藏檔案Mac
- u盤內容被隱藏win10怎麼顯示_win10 u盤內容不顯示如何恢復Win10
- jsp頁面中點選(checkbox)或者radio隱藏trJS
- 動態隱藏/顯示選擇螢幕