0
请帮助我吗?我想选择'img',菜单'li.menu_item'的光标在哪里,有些是这样的:$('li.menu_item a')。children('img')...,但这个不工作...我希望它在jQuery的动画......请从元素中选择图片
<ul class="menu">
<li class="menu_item"><a class="selected" href="#"> domů </a></li>
<li class="menu_item"><a href="#">
<div>
<img class="img_mask" src="design/btndark.png" />
</div>
<div class="menu_mask">fotografie</div>
</a></li>
<li class="menu_item"><a class="nonselect" href="#">
<div>
<img class="img_mask" src="design/btndark.png" />
</div>
<div class="menu_mask">
rezervace
</div>
</a></li>
<li class="menu_item"><a class="nonselect" href="#">
<div>
<img class="img_mask" src="design/btndark.png" />
</div>
<div class="menu_mask">
konetakt
</div>
</a></li>
<li class="cl"></li>
</ul>
<script type="text/javascript">
$(function() {
$('.img_mask').animate({
"opacity" : .0
});
$('li.menu_item a').hover(
// problem je jeste v tom, ze pokud rychle prejizdim pres prvky, tak se "dopredu najedou" a kdyz jsem uz mimo obrazek, jeste blikaji...
// tento problem lze vyresit tim, ze zkontruluju jestli bylo animovano
// takze reknu funkci hover, ze nejprve ma zastavit a az pak animovat
function() {
$('.img_mask').stop().animate({ "opacity" : .8 });
},
function() {
$('.img_mask').stop().animate({ "opacity" : .0 });
}
);
});
</script>
`img`被封装在`div`中,所以`.children()`不会找到它..最好使用`.find()`。 – 2011-02-04 22:56:27