プルダウン javascript+css

------------------　参考サイト　-----------------

・CSSレイアウト : 便利な小技「プルダウンメニュー」
http://www.ne.jp/asahi/hatakeyama/design/csslayout/kowaza/index03.html

------------------------------------------------

◆JavaScript
function pDown1() ｛
document.getElementById('pull1').style.visibility='visible';
｝
function pHide1() {
document.getElementById('pull1').style.visibility='hidden';
｝


　↑これのみ


◆HTML

＜div id="all"＞
＜div class="menu_btn"＞
＜h4 onMouseOver=pDown1(); onMouseOut=pHide1();＞＜a href="#"＞menu1＜/a＞＜/h4＞
＜ul id="pull1"; onMouseOver=pDown1(); onMouseOut=pHide1();＞
＜li＞＜a href="#"＞sub_01＜/a＞＜/li＞
＜li＞＜a href="#"＞sub_02＜/a＞＜/li＞
＜/ul＞
＜/div＞
＜/div＞



◆スタイルシート

h4{
margin:0;
padding:0;
＜+デザイン＞
}

＃all {
width: 全体の大きさ;
margin: 余白;
}

＃all .menu_btn {
width:ボタンの横幅;
float:left;左ツメにするとき
}

＃all .menu_btn ul {
margin: 0;
padding:0;
visibility:hidden;
}

＃all .menu_btn ul li a{
display:block;
＜+デザイン＞
}
＃all .menu_btn ul li a:hover{
＜+デザイン＞
}