请任何人都可以在这个简单的脚本中帮助我...
<script>
$(".offr-list-desc-anch").hide();
$(function () {
$(".grey-shadow").hover(function () {
$(".offr-list-desc-anch").stop().fadeIn()
}, function () {
$(".offr-list-desc-anch").stop().fadeOut();
});
});
</script>
我用它来淡入和淡出我的链接,但是当我悬停一个链接时,效果会发生在所有其他链接上......我只想对悬停的链接生效..
这是我的 HTML
<a href="#" class="offr-list-itm grey-shadow">
<div class="offr-list-desc-txt">
<img width="223" height="159" border="0" class="grey-shadow" src="images/sportive_suit.jpg">
<div class="offr-list-desc-anch" >
<div class="offr-list-item-detls">
<div class="price"><span class="price-value">200</span><span>LE</span></div>
<div class="discount-box">
<div class="off"><span class="price-detalis-tit">Discount</span> <span class="save-currency">50 <span class="save-currency-symbol">%</span> </span> </div>
<div class="save"> <span class="price-detalis-tit">You Save</span> <span class="save-currency"> 200 <span class="save-currency-symbol"> LE </span></span> </div>
</div>
</div>
<p class="more-offers-unitit"> L.E 200 Instead of L.E 400 for 1 Month of Self Defense Classes from Circle Aikido</p>
</div>
<script>
$(".offr-list-desc-anch").hide();
$(function(){
$(".grey-shadow").stop().hover(function(){
$(".offr-list-desc-anch").fadeIn()
},function(){$(".offr-list-desc-anch").stop().fadeOut();
});
return false;
});
</script>
</div>
</a>