|
 |
| |
เมนู ย่อ ยุบด้วยจาวาสคริปต์ อยากได้ เมนู ย่อ ยุบด้วยจาวาสคริปต์แบบตัวอย่างเว็บนี้ ต้องทำยังไงบ้างค่ะ |
| |
 |
|
|
 |
 |
|
Code (ASP)
<input id="source" type="file"><br>
<input onclick="play()" value="เล่นเพลง" type="button" style="font-family: Microsoft Sans Serif; font-size: 10pt; color: #FF0000; background-color: #CCCCFF; border-style: dotted; border-color: #008000">
<input onclick="stop();stoptimer();" value="stop" type="button" style="font-family: Microsoft Sans Serif; font-size: 10pt; color: #FF0000; background-color: #CCCCFF; border-style: dotted; border-color: #FF0000" name="หยุดเพลง">
|
 |
 |
 |
 |
| Date :
2011-05-04 19:10:29 |
By :
G888G |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iii-share Javascript Menu free</title>
<meta name="keywords" content="javascript menu free, Menu Javascript, javascript menu, เมนู javascript, javascript เมนู ,jvascript download, javascript" />
<meta name="description" content="เทคโนโลยีใหม่และเทคนิคสำหรับการทำเว็บไซต์ บทความคอมพิวเตอร์ Ajax PHP Javascript Flash" />
</head>
<script language="javascript" type="text/javascript">
function Mnu01Child_Swap() {
var now_status = document.getElementById('Mnu01Child').style.display;
if (now_status=='none') {
document.getElementById('Mnu01Child').style.display='';
document.getElementById('Mnu02Child').style.display='none';
document.getElementById('Mnu03Child').style.display='none';
document.getElementById('changePic').innerHTML = "<img src='images/arrow1.gif'>";
}
else if (now_status=='') document.getElementById('Mnu01Child').style.display='none';
}
function Mnu02Child_Swap() {
var now_status = document.getElementById('Mnu02Child').style.display;
if (now_status=='none') {
document.getElementById('Mnu02Child').style.display='';
document.getElementById('Mnu01Child').style.display='none';
document.getElementById('Mnu03Child').style.display='none';
}
else if (now_status=='') document.getElementById('Mnu02Child').style.display='none';
}
function Mnu03Child_Swap() {
var now_status = document.getElementById('Mnu03Child').style.display;
if (now_status=='none') {
document.getElementById('Mnu03Child').style.display='';
document.getElementById('Mnu01Child').style.display='none';
document.getElementById('Mnu02Child').style.display='none';
}
else if (now_status=='') document.getElementById('Mnu03Child').style.display='none';
}
</script>
<style type="text/css">
.font1 { font-family:tahoma, Arial, Helvetica, sans-serif; font-size:13px; color:#999999}
.font2 { font-family:tahoma, Arial, Helvetica, sans-serif; font-size:13px; color:#666666; text-indent:0.4cm;}
#mnu1 { background-color:#4D99E5; width:300px; height:20px}
.style2 {font-family: tahoma, Arial, Helvetica, sans-serif}
#table1 { width:210px; border:solid 1px #CCCCCC; padding:5px 0px 5px 10px;}
#menu1 {width:180px; background-color:#fff; margin-left:10px;}
#menu1 ul {list-style: none; margin:0; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:13px; color:#999999; padding-left:8px;}
#menu1 ul li { background:url(images/plus.gif) no-repeat; padding-left:15px;}
</style>
<body>
<div id="table1">
<table width="200" border="0" cellpadding="0" cellspacing="1">
<tr>
<td bgcolor="#E9EBEE"><a class="font2" style="cursor:pointer" onclick="Mnu01Child_Swap()"></span>Menu1</a></td>
</tr>
<tr id=Mnu01Parent>
<td id=Mnu01Child style="DISPLAY: none">
<div id="menu1">
<ul>
<li>test</li>
<li>test1</li>
<li>test2</li>
<li>test3</li>
<li>test4</li>
</ul>
</div>
</td>
</tr>
<tr>
<td bgcolor="#E9EBEE"><a class="font2" style="cursor:pointer" onclick="Mnu01Child_Swap()"></a><a class="font2" style="cursor:pointer" onclick="Mnu02Child_Swap()">Menu2<strong></strong></a></td>
</tr>
<tr id=Mnu02Parent>
<td id=Mnu02Child style="DISPLAY: none"><table width="160" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20" scope="col"><img src="images/plus.gif" /></td>
<td width="230" class="font1" scope="col">test</td>
</tr>
<tr>
<td width="20"><img src="images/plus.gif" /></td>
<td class="font1">test</td>
</tr>
<tr>
<td><img src="images/plus.gif" /></td>
<td class="font1">test1</td>
</tr>
<tr>
<td><img src="images/plus.gif" /></td>
<td class="font1">test2</td>
</tr>
<tr>
<td><img src="images/plus.gif" /></td>
<td class="font1">test3</td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#E9EBEE"><a onclick="Mnu03Child_Swap()" class="font2" style="cursor:pointer">Menu3</a></td>
</tr>
<tr id=Mnu03Parent>
<td id=Mnu03Child style="DISPLAY: none"><table width="160" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20" scope="col"><img src="images/plus.gif" /></td>
<td width="230" class="font1" scope="col">afdsfsfd</td>
</tr>
<tr>
<td width="20"><img src="images/plus.gif" /></td>
<td class="font1">test1</td>
</tr>
<tr>
<td><img src="images/plus.gif" /></td>
<td class="font1">test2</td>
</tr>
<tr>
<td><img src="images/plus.gif" /></td>
<td class="font1">test3</td>
</tr>
<tr>
<td><img src="images/plus.gif" /></td>
<td class="font1">test4</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<h2><a href="http://www.iii-share.net">กลับไปสู่หน้าหลัก</a></h2>
</body>
</html>
|
| |
|
|
| |
| Date :
2011-05-04 21:02:31 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากครับ ขอให้เก่งๆ ยิ่งขึ้นนะครับ
|
| |
|
|
| |
| Date :
2011-06-12 16:31:31 |
By :
Way |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
