[英]fade background color jquery a:hover
這個功能做工不錯。 但是我如何在我的導航中得到這個。 要答:懸停時,當鼠標懸停鏈接時,我將不使用淡入淡出的背景?我已經嘗試過使用CSS,但是在Internet Explorer中不起作用!
-----------------------
.boxes {
background:#fff;
border:1px solid #ccc;
float:left;
padding:10px;
position:relative;
width:510px;
}
-----------------------
<script type="text/javascript">
$(document).ready(function(){
$(".boxes").hover(function() {
$(this).stop().animate({ backgroundColor: "#a7bf51"}, 800);
},function() {
$(this).stop().animate({ backgroundColor: "#ffffff" }, 800);
});
});
</script>
----------------------------
<div class="boxes">
<div class="info">
<h3>test</a> </h3>
</div> </div>
-------------------------
導航
<div id="mitte">
<ul class="nav">
<li><a href="#">About Us</a></li>
<li><a href="#">Our Products</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
為了您的導航:
$("#mitte ul li a").hover(function() ...);
如果必須在框中使用此ALSO,只需定義:
$("#mitte ul li a").add(".boxes").hover(function() ...);
使用parent> child選擇器:
$(".nav > a").hover(function() {
$('.nav').stop().animate({ backgroundColor: "#a7bf51"}, 800);
},function() {
$('.nav').stop().animate({ backgroundColor: "#ffffff" }, 800);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.