<html lang="en">
<head>
<meta charset="utf-8">
<script src="jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="animate.min.css">
<style>
#yourElement {
-vendor-animation-duration: 3s;
-vendor-animation-delay: 2s;
-vendor-animation-iteration-count: 1;
}
</style>
</head>
<body>
<h1 id="yourElement" class="animated bounce">Example</h1>
<button id="foo">click me</button>
<script>
$(document).ready(function() {
$( "#foo" ).on( "click", function( event ) {
alert( "This will be displayed only once." );
$( this ).off( event );
});
});
</script>
</body>
</html>
No comments:
Post a Comment