JavaScriptで収納

(2009年9月 1日 00:44)



JavaScriptで余計な部分を収納し、リンクをクリックすることで隠した部分を表示します。 もちろん画像も可能です、ページが長くなるときなど意外と便利!

サンプル ここをクリック!

とりあえず、ソースを貼っときますので下記の二つをコピーぺして使ってください。


JavaScriptはこれをコピー

<script type="text/JavaScript">
<!--
function dd(obj){
    if(document.getElementById){document.getElementById(obj).style.display=='none'?document.getElementById(obj).style.display='':document.getElementById(obj).style.display='none'}
    else if(document.all){document.all(obj).style.display=='none'?document.all(obj).style.display='':document.all(obj).style.display='none'}
    else if(document.layers){document.layers[obj].display=='none'?document.layers[obj].display='':document.layers[obj].display='none'}
}
//-->
</script>


HTMLはここをコピー
<!--/*/-->
<div>
<a href="javascript:void(0)" style="cursor: pointer; text-decoration: none;" onClick="dd('no01')">
ここをクリック!</a>
<div style="display: none;" id="no01">みえた?<"https://www.photolibrary.jp/img48/3171_150026.html"" /></div>
</div>  
<!--/*/-->


 

カテゴリ:
タグ:,,

 

過去分(月別)

東京キャットガーディアン〜子猫の里親募集〜