Difference between revisions of "Animate"
Jump to navigation
Jump to search
(Created page with "=Animate= ==HTML== <pre> <div id="filters"> <button id="filter-berry">Toggle berry flavors</button> <!-- <button id="filter-citrus">Toggle citrus</button> --> </div> </pre> =...") |
|||
| Line 19: | Line 19: | ||
'font-size': '120%' | 'font-size': '120%' | ||
}, 3000); | }, 3000,easeInOutElastic); | ||
}); | }); | ||
// you have to install jquery UI to get the Easein functiolality | |||
</pre> | </pre> | ||
[[#top|Back To Top]]< — >[[JQuery|Category]]< — >[[Main_Page| Home]] | [[#top|Back To Top]]< — >[[JQuery|Category]]< — >[[Main_Page| Home]] | ||
Revision as of 23:15, 26 December 2016
Animate
HTML
<div id="filters"> <button id="filter-berry">Toggle berry flavors</button> <!-- <button id="filter-citrus">Toggle citrus</button> --> </div>
Jquery
$('#filter-berry').click(function(e) {
e.preventDefault();
$('#cart-water').find('.berry')
.animate({
'margin-left': '50',
'height': '70',
'opacity': '.5',
'font-size': '120%'
}, 3000,easeInOutElastic);
});
// you have to install jquery UI to get the Easein functiolality
Back To Top< — >Category< — > Home