Entry: main  << >>
折りたたむメニュー
クリックで表示、ダブルクリックで折りたたむメニューのソースサンプルです。


<html>

<head>

<title>折りたたみメニュー</title>

<script language="JavaScript">
<!--
function msl(idmn){
if(document.getElementById)
document.getElementById(idmn).style.display='block'
else if(document.all)document.all(idmn).style.display='block'
}
function kks(idmn){
if(document.getElementById)
document.getElementById(idmn).style.display='none'
else if(document.all)document.all(idmn).style.display='none'
}
//-->
</script>

<style type="text/css">
<!--
.list{
display : none;
}
-->
</style>

</head>

<body>

<div><a href="javascript:void(0);" onclick="javascript:msl('sub_a')" ondblclick="javascript:kks('sub_a')">Menu_A</a></div>
<ul class="list" id="sub_a">
<li>sub_1</li>
<li>sub_2</li>
<li>sub_3</li>
</ul>

</body>

<html>



こちらを参考にさせていただきました。
ありがとうございました。
http://www.wsb.jp/hpb/css/o_menu.htm
21:57 | comments(0) | - | - | -
Comment








Calendar

 123456
78910111213
14151617181920
21222324252627
28293031   
<< October 2018 >>

Recommend

Search

Entry

Comment

  • リンク元のページに戻るボタン(PHP)
    Tadashi (03/13)
  • サイト全体をメンテナンスページに切り替える単純な方法
    yo5kg (06/06)
  • 再配布不可識別子の入れ方
    jumbo (04/25)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    ぐみ (12/11)
  • 再配布不可識別子の入れ方
    eguti (06/04)
  • ナビゲーションをul、liで作成する時
    ビジログ (03/09)
  • 再配布不可識別子の入れ方
    nana (02/02)
  • 再配布不可識別子の入れ方
    TOM (01/22)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)

Archives

Category

Link

Feed

Others

無料ブログ作成サービス JUGEM

Mobile

qrcode