PDA

View Full Version : jQuery Effects Bounce Issue. - Wont Stop Bouncing!



bilco
08-27-2009, 12:16 PM
Hi all.
I am trying to stop this script from continually running whilst to mouse is over the link.
I have tried using '.stop()', but to no avail. Perhaps i'm putting in the wrong place?

I would like the script to run just the once whilst the mouse is over the link.
Also, is their a way to stop the script 'cuing', if the mouse were to pass over the link a few times?

Can anyone offer advice on this?

All input will be greatly received.

Many thanks,
Bil




<script src="http://jqueryui.com/latest/ui/effects.core.js"></script>
<script src="http://jqueryui.com/latest/ui/effects.bounce.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$('li').hover(function() {
$(this).effect("bounce", { times:0 }, 100);
}, function () {
});

});
</script>

drd
09-09-2009, 12:40 PM
Hi there,

I ws trying to do something like this too, but I couldn't get the bounce to behave in a consistent manner. I ended up doing an animate, it's not really a bounce, but the effect looks good enough for my application:



<script type="text/javascript">
$(document).ready(function() {
$('.bounceLink').hover(
function() {
$(this).animate({ bottom: '10px', height: '65px' }, 'fast');
},
function() {
$(this).animate({ bottom: '0', height: '65px' }, 'fast');
});
});

</script>