سلام به همگی دوستان
بی زحمت کدهایی درمورد منوهایی که با کلیک ماوس زیر منو ها دیده میشوند را میخوام هم نوع عمودی وهم افقی
Printable View
سلام به همگی دوستان
بی زحمت کدهایی درمورد منوهایی که با کلیک ماوس زیر منو ها دیده میشوند را میخوام هم نوع عمودی وهم افقی
سلام دوست عزيز. از اين كد ميتونيد استفاده كنيد. البته با يه كم دستكاري توسط خودتون
نقل قول:
<html>
<head>
<title>First menu</title>
<style>
.curhand{cursor:hand}
</style>
<script language="javascript">
function displayit(paragraph,title,imgmenu){
if (document.all[paragraph].style.display=='none')
{document.all[paragraph].style.display="block";
document.all[imgmenu].src="arrow_u2.jpg"}
else {document.all[paragraph].style.display="none";
document.all[imgmenu].src="arrow_d2.jpg"}
}
function setoverstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[imgmenu].src="arrow_d2.jpg";
document.all[title].style.textDecorationUnderline='true'}
else {document.all[imgmenu].src="arrow_u2.jpg";
document.all[title].style.textDecorationUnderline='true'}
}
function setoutstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[title].style.textDecoration='none';
document.all[imgmenu].src="arrow_d1.jpg"}
else {document.all[imgmenu].src="arrow_u1.jpg";
document.all[title].style.textDecoration='none'}
}
sw=0;
function displayall(){
if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1;
for (i=1;i<=5;i++)
{ xmenu='menu'+i ; ximg='imgmenu'+i ;
if (document.all[xmenu].style.display=='none')
{document.all[xmenu].style.display="block";document.all[ximg].src="arrow_u1.jpg"}}}
else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0;
for (i=1;i<=5;i++)
{xmenu='menu'+i;ximg='imgmenu'+i;
if (document.all[xmenu].style.display=='block')
{document.all[xmenu].style.display="none";document.all[ximg].src="arrow_d1.jpg"}}}
}
function displayinline(text){
if (document.all[text].style.display=="none"){document.all[text].style.display="inline"}
else {document.all[text].style.display="none"}
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="598" height="28">
<p align="left">
<span id="swall" onmouseover="this.style.textDecorationUnderline='t rue'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()">
Show all</span></td>
<td width="93" height="28">
<p align="right">
</td>
</tr>
</table><br>
<p id='x' style="display:none"></p>
<div onmouseover="setoverstyles('menu1','imgmenu1','tit le1')" onmouseout="setoutstyles('menu1','imgmenu1','title 1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:83; height:19">
<img id="imgmenu1" border="0" src="arrow_d1.jpg" width="12" height="12">First
menu</div>
<blockquote>
<span id="menu1" style="display:none; width: 140">Item 1<br>
Item 2<br>
Item 3<br>
Itrm 4<br>
Item 5<br>
Item 6<br>
Item 7</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu2','imgmenu2','tit le2')" onmouseout="setoutstyles('menu2','imgmenu2','title 2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:100; height:4">
<img id="imgmenu2" border="0" src="arrow_d1.jpg" width="12" height="12">Second
menu</div>
<p></p>
<blockquote>
<span id="menu2" style="display:none; width: 140">Item 1<br>
Item 2<br>
Item 3<br>
Item 4<br>
Item 5<br>
Item 6<br>
Item 7</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu3','imgmenu3','tit le3')" onmouseout="setoutstyles('menu3','imgmenu3','title 3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:84; height:19">
<img id="imgmenu3" border="0" src="arrow_d1.jpg" width="12" height="12">Third
menu</div>
<p></p>
<blockquote>
<span id="menu3" style="display:none; width: 140">Item 1<br>
Item 2<br>
Item 3<br>
Item 4<br>
Item 5<br>
Item 5<br>
Item 6</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu4','imgmenu4','tit le4')" onmouseout="setoutstyles('menu4','imgmenu4','title 4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:93; height:19">
<img id="imgmenu4" border="0" src="arrow_d1.jpg" width="12" height="12">Fourth
menu</div>
<p></p>
<blockquote>
<span id="menu4" style="display:none; width: 140">
Item 1<br>
Item 2<br>
Item 3<br>
Item 4<br>
Item 5<br>
Item 6</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu5','imgmenu5','tit le5')" onmouseout="setoutstyles('menu5','imgmenu5','title 5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:80; height:19">
<img id="imgmenu5" border="0" src="arrow_d1.jpg" width="12" height="12">Fifth
menu</div>
<p></p>
<blockquote>
<span id="menu5" style="display:none; width: 140">
Item 1<br>
Item 1<br>
Item 2<br>
Item 3<br>
Item 4<br>
Item 5</span>
</blockquote>
</body>
</html>
عالی بود...:10::33:نقل قول: