تغیر رنگ منو

[ali-akbarian]

سلام بر تمامی دوستان برنامه نویس :
دوستان من یه منو توی asp با css درست کردم مشکل من اینه که پش فرض اولی در حالت انتخاب می باشد
چکار کنم که وقتی یک گزینه دیگه انتخاب شد اولی از حالت انتخاب خارج شده و بعدی که انتخاب شده رنگ پس زمینه آن تغیر کند


120533

این کد HTML

<div class="main">
<div class="menu">
<ul>

<li class="active"><a href="#">aaaaaaaaa</a></li>
<li><a href="#">hhhhhhhhhhh</a></li>
<li><a href="#">uuuuuuuuuuuuu</a></li>
<li><a href="#">pppppppppppp</a></li>
<li><a href="#">rrrrrrrrrrrrrrrrrrrr</a></li>
</ul>
</div>
</div>


این هم css :


.main {
width: 960px;
height: auto;
margin: 0 auto;
}
.menu {
width: 960px;
height: 35px;
background-color: #eee;
position:absolute;
}
.menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu ul li {
width: auto;
height: 35px;
padding: 0 10px;
font: normal 12px tahoma;
float: right;
text-align: right;
display:block;
line-height: 2.5em;
border-left: 1px solid #eee;
}
.menu ul li a {
text-decoration: none;
color: #8f85a4;
display:block;
}
.menu ul li:hover > a {
color: white;
}
.menu ul li:hover,.menu ul li.active {
background-color: blue;
color: white;
cursor: pointer;
}
.active {
background-color: blue;
color: white;
}
.menu ul li.active a {
color: white;
}



دمتون گرم راهنمایی کنید بدجوری گیر کردم

ممنون از همه شماها

[setareh2013]

سلام فکر می کنم مشکل از کد زیر باشه
.menu ul li:hover,.menu ul li.active {
background-color: blue;
color: white;
cursor: pointer;
}
و
.active {
background-color: blue;
color: white;
}

کد های مربوط به پشت زمینه active رو حذف کنید ببینید درست میشه؟

[ali-akbarian]

سلام مرسی از پاسخت

نشد .. اگر پس زمینه کلاس active را بردارم اولین بار که اجرا می کنم گزینه پیش فرض ندارم

[nice_boy_a]

سلام.
باید java یا jQuery براش بنویسی.
به این صورت که وقتی روی هر لینکی کلیک شد،کلاس اون لینک یا تگ رو برابر با active قرار بده(یعنی بهش کلاس اضافه کنی) و کلاس سایر تگ ها رو حذف کنه.

[elahe471]

باید از جاوا اسکریپت استفاده کنید یه نمونه نوشتم ببینید

[ali-akbarian]

دمتون گرم از اینکه جواب دادید بینهایت سپاسگزارم

من می خواهم وقتی رو منو ها حرکت می کنم تغیر رنگ منو را داشته باشم با css , Hover انجام دادم
ولی اگر بخواهم با JQuery این کار را انجام بدم چکار باید بکنم :
هر چی می نویسم عمل نمی کنه : نمی دونم مشکل از کجاست :

jQuery(function () {
$('.menu ul li').hover(function () {
$(this).animate({ BackgroundColor: 'red' }, 'slow');
}, function () {
$(this).animate({ BackgroundColor: '#eee' },'slow');
});
});

[ali-akbarian]

دمتون گرم از اینکه جواب دادید بینهایت سپاسگزارم

من می خواهم وقتی رو منو ها حرکت می کنم تغیر رنگ منو را داشته باشم با css , Hover انجام دادم
ولی اگر بخواهم با JQuery این کار را انجام بدم چکار باید بکنم :
هر چی می نویسم عمل نمی کنه : نمی دونم مشکل از کجاست :

jQuery(function () {
$('.menu ul li').hover(function () {
$(this).animate({ BackgroundColor: 'red' }, 'slow');
}, function () {
$(this).animate({ BackgroundColor: '#eee' },'slow');
});
});



دوستان : یه زحکتی بکشید یکیتون به این سوال من واب بدید
ممنون

[ali-akbarian]

خدایش یعنی کسی نیست به این سوال من جواب بده !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[elahe471]

کتابخونه jQuery به صورت پیش فرض دستورات مربوط به color ها رو نمی شناسه ، باید از پلاگین color animation استفاده کنید
لینک دانلود و توضیحات (http://www.bitstorm.org/jquery/color-animation)

[ali-akbarian]

سلام

امکانش هست خودتون یک مثال ساده برای استفاده از این کتابخانه بزنید
ممنون

[Shakur_lotfy]

1234567890

[elahe471]

رو همون مثال قبلی انجام میدم