我想更改鼠标悬停在 new_r_div 上的 li 链接的颜色为此,我在链接 id 处包含了悬停类。在元素的mouseouver背景上应该改变这是我的代码链接请看
HTML
<div id="response"> <a href="#">Response Request</a>
<div class="new_r_div hidden">
<ul>
<li><a href="#" id="link">Confirm</a></li>
<li><a href="#" id="link">Delete</a></li>
</ul>
</div>
</div>
jQuery
$("#response").hover(
function () {
$('.new_r_div').removeClass('hidden');
},
function () {
$('.new_r_div').addClass('hidden');
}
);
$("#new_r_div").hover(
function () {
$('#link').addClass('hover');
},
function () {
$('#link').removeClass('hover');
}
);
CSS
.new_r_div {
position:absolute;
width:100px;
height:40px;
background:#ccc;
overflow: hidden;
border: solid 2px #ccc;
background: #99CCFF;
z-index: 9999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.hidden {
visibility: hidden;
}
.hover {
background:red;
}