сбой при работе mouseleave
Здравствуйте хочу добиться эффекта того что при наведении картинка исчезает а при отведении мыши с нее картинка появляется вновь но при быстром отведении мыши картинка не появляется вновь, не подскажете что делать
$('.client_price_site').mouseover(function(){
$(this).find('.client_price_site_img').fadeOut(200).clearQueue();
});
$('.client_price_site').mouseleave(function(){
$(this).find('.client_price_site_img').fadeIn(200).clearQueue();
});
и вообще иногда глючит этот эффект, при резком переходе на другие объекты не до конца появляется изображение |
|
<html>
<head>
<title>example</title>
</head>
<body>
<div style="width: 100px; height: 100px; background-color: red;"></div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
var div = $('div');
$(div).hover(function ()
{
$(this).stop().animate({opacity: 0}, 500);
}, function ()
{
$(this).stop().animate({opacity: 1}, 500);
})
</script>
</body>
</html>
|
skrudjmakdak, вот так красивее будет:
$('div').on('mouseover mouseout', function(e) {
$(this).stop().animate({opacity: +(e.type == 'mouseout'}), 500);
});
Хотя, такие вещи лучше через CSS3 делать. |
| Часовой пояс GMT +3, время: 21:45. |