انجمن کدستانMoisrex

$(document).ready(function()

{

$("#secondpane p.menu_head").mouseover(function()

{

$(this).css({backgroundImage:"url(http://hafez-school.ir/images/down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");

$(this).siblings().css({backgroundImage:"url(http://hafez-school.ir/images/left.png)"});

});

});

</script>

<style>

/* CSS Document */

.menu_list {

width:200px;

background-color:darkgoldenrod;

}

.menu_head {

text-align:center;

cursor: pointer;

position: relative;

margin:2px;

font-weight:200;

font-size:14px;

width:200px;

background:no-repeat right center;

color:#FFFFFF;

}

.menu_head a{

color:#fff;

text-decoration:none;

font:11px tahoma;

}

.menu_head a:hover{

color: #000000;

text-decoration:underline;

}

.menu_body {

display:none;

font-size:14px;

}

.menu_body a{

display:block;

color:#000000;

background-color: #d5cab6;

padding:10px 70px;

font-weight:normal;

text-decoration:none;

}

.menu_body a:hover{

color: #000000;

text-decoration:underline;

}

</style>

<div class="menu_list" id="secondpane"> <!--Code for menu starts here-->

<p class="menu_head"><a href="index.php">صفحه اصلی</a></p>

<p class="menu_head"><a href="news.php">اخبار</a></p>

<p class="menu_head">دریافت کارنامه</p>

<div class="menu_body">

<a href="search1.php">پایه اول</a>

<a href="search2.php">پایه دوم</a>

<a href="search3.php">پایه سوم</a>

<a href="search4.php">پایه چهارم</a>

<a href="search5.php">پایه پنجم</a>

</div>

<p class="menu_head">نمونه سوالات</p>

<div class="menu_body">

<a href="soal1.php">پایه اول</a>

<a href="soal2.php">پایه دوم</a>

<a href="soal3.php">پایه سوم</a>

<a href="soal4.php">پایه چهارم</a>

<a href="soal5.php">پایه پنجم</a>

<a href="soal6.php">تیزهوشان</a>

</div>

<p class="menu_head"><a href="barname.php">برنامه کلاسی و امتحانات</a></p>

<p class="menu_head"><a href="aza.php">کادر آموزشی واداری</a></p>

<p class="menu_head"><a href="play.php">بازی وسرگرمی</a></p>

<p class="menu_head"><a href="anjoman.php">انجمن اولیا و مربیان</a></p>

<p class="menu_head"><a href="momtaz.php">ممتازین</a></p>

<p class="menu_head"><a href="tavalod.php">تولدت مبارک</a></p>

<p class="menu_head"><a href="contactme.php">ارتباط با ما</a></p>

</div> <!--Code for menu ends here-->