استفاده از hover

[majid36]

سلام
كد زير رو در نظر بگيريد مي خوام با css يه كد بنويسم كه اگه موس روي لينك اولي رفت لينك دومي مثلا بك گراندش تغيير كنه . خواهشا كمك كنيد خودم يه نمونه ديدم از بس از : . # hover استفاده كرده بود گيج شدم.



<div id="navigation">

<ul>
<li>
<a href="#">صفحه اصلي</a>
</li>
</ul>
</div>

<div id="box">

<ul>
<li>
<a href="#">آموزش</a>
</li>
</ul>
</div>

[hamidre13]

با سي اس اين كار منطقي نيست بايد با جاوااسكريپت انجامش بدي اگه ميخواي تا كدش رو واست بنويسم؟

[majid36]

اگه لطف كني كه ممنون ميشم مهندس.

[moshaver71]

از اين كد جكوئري هم ميتونيد استفاده كنيد

<script type='text/javascript'>
$(document).ready(function(){
$("#nav li").hover(
function() {
$(this).animate({backgroundColor: '#be1709'}, "250")
},
function() {
$(this).animate({backgroundColor: '#494949'}, "250")
});

});
</script>

متغير هاتون رو توي كد بالا استفاده كنيد و يادتون نره كه كتابخونه جكوئري رو هم به سايت اضافه كنيد

[majid36]

ممنون مهندس حل شد.