javascript - jQuery - Using easeOutBounce in animation Not Work -
i try animate div easeoutbounce effect when page load, not working me.
i have referenced jquery ui.
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
my jquery code:
$(document).ready(function() { $(".content").animate({margintop: "-=50px"},1000,'easeoutbounce'); });
my html code:
<div class="content"> <h3>titulo h3</h3> <p>este texto lleva una animacion lorem ipsum dolor sit amet, consectetur adipiscing elit. curabitur nulla urna, consequat nec erat bibendum, ullamcorper fermentum ligula.</p> <img width="50%" src="images/javascript-movimiento.png" alt="animationjs" /> </div>
this works in chrome - see title , para, para slides top pleasing bounce. please confirm works , if check html typos.
<!doctype html> <html> <head> </head> <body > <div class="content"> <h3>titulo h3</h3> <p>este texto lleva una animacion lorem ipsum dolor sit amet, consectetur adipiscing elit. curabitur nulla urna, consequat nec erat bibendum, ullamcorper fermentum ligula.</p> <img width="50%" src="images/javascript-movimiento.png" alt="animationjs" /> </div> </body> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script> $(document).ready(function() { $(".content").animate({margintop: "-=50px"},1000,'easeoutbounce'); }); </script> </html>
Comments
Post a Comment