PHP와 자바스크립트로 닫힘,펼침 메뉴 만들기
업무중에 필요해서 만들었는데 필요하신분이 있을지 몰라 올려봅니다.
자바스크립트로 펼침메뉴를 만들고 메뉴를 클릭했을때 현재 메뉴 상태를 그대로 유지하는
부분은 PHP로 만들었습니다.
<?
$js_menu = "";
if (isset($_REQUEST["js_menu"])){
$js_menu = $_REQUEST["js_menu"];
}
?>
<style>
body {
font-size: 9pt;color:#5B5B5B;
}
a:link { text-decoration:none; color: #5E5E5E;}
a:visited { text-decoration:none; color: #5B5B5B;}
a:active { text-decoration:none; COLOR: #5B5B5B;}
a:hover { text-decoration:underline; COLOR: #5B5B5B;}
div {font-size: 13px;font-weight:bold;margin-top:5px;margin-bottom:5px;}
/* author: passone.tistory.com */
#menu1, #menu2, #menu3 {
display:none;margin-left:10px;
}
</style>
<SCRIPT>
function showDesc(currMenu)
{
thisMenu = eval("document.all." + currMenu + ".style")
if (thisMenu.display == "block")
{
thisMenu.display = "none";
}
else
{
thisMenu.display = "block";
}
}
</SCRIPT>
<title>PHP로 메뉴만들기</title>
<body>
<div><a href="#" onClick = "showDesc('menu1')"><font color=#3377dd>+검색엔진</font></a></div>
<span id="menu1">
<a href=index.html?js_menu=se>다음(Daum)</a><br>
<a href=index.html?js_menu=se>네이버(Naver)</a><br>
<a href=index.html?js_menu=se>야후(Yahoo)</a><br>
<a href=index.html?js_menu=se>엠파스(Empas)</a><br>
</span>
<div><a href="#" onClick = "showDesc('menu2')"><font color=#3377dd>+메타블로그</font></a></div>
<span id="menu2">
<a href=index.html?js_menu=metablog>올블로그</a><br>
<a href=index.html?js_menu=metablog>오픈블로그</a><br>
<a href=index.html?js_menu=metablog>블로그코리아</a><br>
</span>
<div><a href="#" onClick = "showDesc('menu3')"><font color=#3377dd>+블로그</font></a></div>
<span id="menu3">
<a href=index.html?js_menu=blog>티스토리</a><br>
<a href=index.html?js_menu=blog>이글루스</a><br>
<a href=index.html?js_menu=blog>태터툴즈</a><br>
</span>
<?
if($js_menu == "se") {
echo "
<script> showDesc('menu1') </script>
";
}else if($js_menu == "metablog"){
echo "
<script> showDesc('menu2') </script>
";
}else if($js_menu == "blog"){
echo "
<script> showDesc('menu3') </script>
";
}else{
echo "
<script> showDesc('menu1') </script>
";
}
?>
</body>
index.html'컴퓨터/IT/PMP > 자바스크립트' 카테고리의 다른 글
| PHP와 자바스크립트로 닫힘,펼침 메뉴 만들기 (4) | 2011.01.20 |
|---|---|
| 자바스크립트를 이용한 D-Day 카운트 (0) | 2010.11.23 |
| [자바스크립트] 글자에 네온효과 넣기 (0) | 2010.10.04 |
| [자바스크립트] 글자에 네온효과내기 2 (0) | 2010.10.03 |
| (자바스크립트) 글자에 물결효과내기 (0) | 2010.10.02 |