Solucio animate class
De wikiserver
La revisió el 09:34, 31 març 2016 per Jnoguera (Discussió | contribucions) (Es crea la pàgina amb «<source lang="java"> <html> <head> <link rel="stylesheet" href="animate.css"> <link rel="stylesheet" href="magic.css" /> <style> div{ width: 300px; height: 300px; …».)
<html>
<head>
<link rel="stylesheet" href="animate.css">
<link rel="stylesheet" href="magic.css" />
<style>
div{
width: 300px;
height: 300px;
background: red;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#boton1").click(function(){
$("#rojo").addClass("animated bounce");
window.setTimeout( function(){
$("#rojo").removeClass('animated bounce');
}, 2000);
});
});
</script>
</head>
<body>
<input type="button" id="boton1" value="Ocultar recuadro">
<div id="rojo" >
</div>
</body>
</html>
