村長fb!
此乃舊版魚蛋村,訪客請【按此到新版魚蛋村】繼續瀏覽
魚蛋村 yudans語法區語法範例 → 剔選隱藏開關

剔選隱藏開關

  • Internet Explorer 6.0
  • Internet Explorer 7.0
  • Internet Explorer 8.0
  • Mozilla Firefox 2.0
  • Mozilla Firefox 3.0
  • Google Chrome
  • Safari 3.1
  • Opera 9.5
  • 語法介紹 Introduction:
  • 剔選隱藏開關 - 剔選按鈕一下可隱藏物件,再按可變回顯示。
  • 語法總長度:189 字元
  • 範例 Example:
  • 請按一下這方塊→
  • 請將以下程式碼貼到<body>與</body>之間:
<input type="checkbox" onclick="var yes = getElementById('yes'); 
yes.style.display=yes.style.display=='none'?'':'none';"/>
<div id="yes" style="display:none">這裏可放任何東西</div>
  • 可修改的地方 Modify:
  • 可修改第 2 行的文字
  • 預設為顯示物件
    1) <input type="checkbox" onclick="var yes = getElementById('yes'); yes.style.display=yes.style.display=='none'?'':'none';" checked="checked" />
    2) <div id="yes" style="display:block">
  • 增加項目方法
    <input type="checkbox" onclick="var yes = getElementById('yes'); yes.style.display=yes.style.display=='none'?'':'none';"/>
    <div id="yes" style="display:none">這裏可放任何東西</div>

    將 5 個 yes 改為 5 個另一組的英文字
魚蛋村,語法,圖片,素材,下載,琴譜,字型,教學,網頁製作,網頁教學,表情符號,程式,yudan,yudans,yudan village,javascript,cgi,php,msn,css,html,w3c,teach
footer