Printable View
:11:سلام دوستان.
اگه ممکنه به من بگیید چه طور میتونم با front pageیا java scripمنویی ایجاد کنم که هر قسمت آن یه زیر منو داشته باشه که با رفتن روی هر قسمت یه منوی دیگه باز شه و با کلیک رو هر قسمت لینک به صفحه مربوطه بشه :20:ممنون
راستی اگه کتابی در این زمینه هست معرفی کنید.
ایجاد یک چنین منوهای با استفاده از تکنیک DHTML امکان پذیر است و باید javascript بلد باشی!!!نقل قول:
اگه کمی صبر کنی تا آخر هفته کدو برات می ننویسم!!:40:
کد زیر با این که یک کد به ظاهر پیچیده است اما ساده ترین مثال برای جواب به پاسخ شماست.
این کد بر اساس تکنیک استفاده از لایه ها و DHTML نوشته شده است.
[HTML]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fa">
<style>
a{
color:white;
text-decoration:none;
font-family:Tahoma;
font-size:9pt;
}
#right{
position:absolute;
right:0px;
top:50px;
filter:alpha(opacity=70);
background-color:green;
height:50;
width:50;
}
#div1{
position:absolute;
right:55px;
top:50px;
filter:alpha(opacity=70);
background-color:green;
height:50;
width:50;
visibility:hidden;
}
#div2{
position:absolute;
right:55px;
top:65px;
filter:alpha(opacity=70);
background-color:green;
height:50;
width:50;
visibility:hidden;
}
#div3{
position:absolute;
right:55px;
top:85px;
filter:alpha(opacity=70);
background-color:green;
height:50;
width:50;
visibility:hidden;
}
</style>
<script>
function ShowDiv(a){
document.getElementById("div"+a).style.visibility= "visible";
}
function HideDiv(b){
document.getElementById('div'+b).style.visibility= "hidden";
}
</script>
</head>
<body>
<div id="right">
<table align="right" style="border-collapse: collapse" border="1" bordercolor="#FFFFFF">
<tr><td align="right" onmouseover="ShowDiv(1)" onmouseout="HideDiv(1)"><a href="http://www.yahoo.com/">یاهو</a></td></tr>
<tr><td align="right" onmouseover="ShowDiv(2)" onmouseout="HideDiv(2)"><a href="http://www.google.com/">گوگل</a></td></tr>
<tr><td align="right" onmouseover="ShowDiv(3)" onmouseout="HideDiv(3)"><a href="http://www.msn.com/">میکروسافت</a></td></tr>
</table>
</div>
<div id="div1" onmouseover="ShowDiv(1)" onmouseout="HideDiv(1)">
<table align="right" style="border-collapse: collapse" border="1" bordercolor="#FFFFFF">
<tr><td align="right"><a href="http://www.yahoo.com/">یاهو</a></td></tr>
<tr><td align="right"><a href="http://www.google.com/">گوگل</a></td></tr>
<tr><td align="right"><a href="http://www.msn.com/">میکروسافت</a></td></tr>
</table>
</div>
<div id="div2" onmouseover="ShowDiv(2)" onmouseout="HideDiv(2)">
<table align="right" style="border-collapse: collapse" border="1" bordercolor="#FFFFFF">
<tr><td align="right"><a href="http://www.yahoo.com/">یاهو</a></td></tr>
<tr><td align="right"><a href="http://www.google.com/">گوگل</a></td></tr>
<tr><td align="right"><a href="http://www.msn.com/">میکروسافت</a></td></tr>
</table>
</div>
<div id="div3" onmouseover="ShowDiv(3)" onmouseout="HideDiv(3)">
<table align="right" style="border-collapse: collapse" border="1" bordercolor="#FFFFFF">
<tr><td align="right"><a href="http://www.yahoo.com/">یاهو</a></td></tr>
<tr><td align="right"><a href="http://www.google.com/">گوگل</a></td></tr>
<tr><td align="right"><a href="http://www.msn.com/">میکروسافت</a></td></tr>
</table>
</div>
</body>
</html>
[/HTML]
در ضمن نوع پیشرفته تری از این منوها را می توانید درسایت زیر مشاهده کنید:
[HTML]
http://www.aviny.com/Quran/Estekhareh/Index.aspx
[/HTML]
و در سایت زیر می توانید آموزش DHTML را ببینید:
[HTML]
http://www.w3schools.com
[/HTML]
موفق باشی....
:40:
ممنون از اقا نوید شما هم دوست عزیز باید یک سرچی میکردی بد تایپیک میدادی تا حالا خیلی بار به این سوال جواب داده شده
منو بازشو در asp.net چطور درست می شه؟
دکمه ای که ماوس روش بره باز بشه و چندتا کلید بشه؟
ممنون از دوستان