ورود

View Full Version : نمایش منو با slidedown و slideup


blaster-777
پنج شنبه 22 تیر 1391, 16:36 عصر
سلام
من یه منو ساختم که کد های html اون به شکل زیره:

<div id="main">
<span id="one">two</span>
<span id="two">one</span>
<span id="three">four</span>
<span id="four">three</span>

</div>
می خوام وقتی موس روی یه باکس به نام menu میره با تابع slidedown این منو پایین بیاد و وقتی موس از روش رفت با تابع slideup مخفی بشه چطوری باید این کارو کنم؟
Variable
سه شنبه 27 تیر 1391, 01:49 صبح
معدرت میخام . یه کم تو کدتون تغییر دادم .. ولی همونی که شما می خای

البته اینجا هم میتونی ببینی
(http://barnamenevis.org/showthread.php?350955-%D8%AD%D8%A7%D9%84%D8%AA-%DA%A9%D9%84%DB%8C%DA%A9-%D8%AF%D8%B1-%DB%8C%DA%A9-%D9%85%D9%86%D9%88)

<html>
<head>
<title></title>
<style type="text/css">
#sliding{
background-color:#DDD;
width:100px;
cursor: pointer;
padding-left: 20px;
font-weight: bolder;;
}
span{
display: block;
}
#main{
display: none;
padding-left: 20px;
}
</style>
</head>
<body>
<span id="sliding" >Menu </span>
<div id="main">
<span id="one">two</span>
<span id="two">one</span>
<span id="three">four</span>
<span id="four">three</span>
</div>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript">

$("#sliding").hover(function(){
$("#main").slideToggle('slow');
});
</script>
</body>
</html>
blaster-777
پنج شنبه 29 تیر 1391, 15:33 عصر
ممنون .