<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post// <![CDATA[[文字方式]  點擊連結隱藏或顯示DIV]]> apao <apao@www.apao.idv.tw> Wed, 11 Mar 2015 19:48:46 +0000 https://blog.apao.idv.tw/post// <style type="text/css">
span{border:#999 solid 1px; padding:3px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
div#show{ margin:10px 0 0 0; padding:5px; border:#999 dashed 1px;}
</style>

javascript 部分
<script type='text/javascript'>
function show(obj, id)
{
  var o=document.getElementById(id);
  if( o.style.display == 'none' )
  {
    o.style.display='';
    obj.innerHTML='隱藏';
  }
  else
  {
    o.style.display='none';
    obj.innerHTML='顯示';
  }
}
</script>


html 部分
<span onclick='show(this, "show")'>顯示</span><br>
<div id='show' style="display:none;">按下文字按鈕後呈現內容</div>


網頁功能展示
http://goo.gl/hURxOu
Tags - , , , , , , ]]> https://blog.apao.idv.tw/post//#blogcomment <![CDATA[[評論] [文字方式]  點擊連結隱藏或顯示DIV]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://blog.apao.idv.tw/post//#blogcomment