JavaScript 點選一個按鈕 div的隱藏和顯示
本章節分享一段程式碼例項,它實現了使用同一個按鈕來控制元素的隱藏和顯示效果。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #antzone{ border:solid 1px #EEE; background:#F7F7F7; margin:20px; padding:10px; display:none; width:300px; } </style> <script type="text/javascript"> function show(id){ var odiv = document.getElementById(id); if(odiv.style.display != 'block'){ odiv.style.display = 'block'; obt.value='關閉'; }else{ odiv.style.display = 'none'; obt.value='展開'; } } window.onload=function(){ var obt=document.getElementById('bt'); obt.onclick=function(){ show("antzone") } } </script> </head> <body> <input type="button" value="展開" id="bt"/> <div id="antzone">本站的url地址是softwhy.com</div> </body> </html>
相關文章
- JavaScript點選一個按鈕隱藏和顯示divJavaScript
- jquery點選按鈕顯示和隱藏DIvjQuery
- 點選按鈕動畫方式隱藏和顯示div動畫
- 點選按鈕實現div的顯示和隱藏
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- JavaScript點選切換div的顯示和隱藏JavaScript
- 點選同一按鈕實現div的隱藏與顯示切換
- 點選同一按鈕顯示隱藏切換
- CSS點選隱藏和顯示div效果CSS
- 點選按鈕實現隱藏和顯示的切換程式碼
- js實現的點選一個div顯示,其他div隱藏效果JS
- javascript隱藏和顯示div的方法JavaScript
- 點選按鈕顯示或者隱藏元素例項程式碼
- JavaScript點選按鈕刪除一個div元素JavaScript
- JavaScript動畫方式控制div元素的隱藏和顯示JavaScript動畫
- javascript動態設定div的顯示和隱藏JavaScript
- JavaScript 設定div顯示與隱藏JavaScript
- jquery使用一個按鈕實現控制元素的顯示與隱藏jQuery
- 回到頂部和回到頂部按鈕的顯示隱藏
- JS實現點選引數皮膚按鈕顯示或隱藏資料JS
- 點選按鈕彈出一個居中div
- JavaScript點選按鈕刪除div元素JavaScript
- 點選按鈕實現隱藏一個元素程式碼例項
- 點選空白出隱藏鍵盤,或者點選按鈕隱藏軟鍵盤
- jQuery實現的點選元素隱藏和顯示jQuery
- jQuery實現簡單點選隱藏和點選顯示列表的功能jQuery
- JavaScript側邊欄顯示和隱藏JavaScript
- javaScript顯示和隱藏(display屬性)JavaScript
- 用js控制div的顯示與隱藏JS
- div的顯示和隱藏切換程式碼例項
- VB原始碼推薦: 動態的顯示/隱藏start按鈕 (轉)原始碼
- jQuery控制div顯示和隱藏程式碼例項jQuery
- js下拉框實現div顯示和隱藏JS
- jQuery 點選按鈕改變可用狀態和顯示文字jQuery
- js點選彈出和隱藏一個div層效果程式碼例項JS
- view的隱藏和顯示View
- jQuery點選按鈕刪除div元素jQuery
- 直播網站原始碼,EasyUI按鈕控制標籤顯示與隱藏網站原始碼UI