Este div ,por defecto al pasar el mouse por encima de él se mueve con CSS3, ahora con jquery intento que cada 1000ms, se envie un lanzar como si estuvieran pasando el mouse, con motivo de que se mueva constantemente cada 1 segundo(1000ms) Este div
,por defecto al pasar el mouse por encima de él se mueve con CSS3
, ahora con jquery
intento que cada 1000ms
, se envié un lanzar como si estuvieran pasando el mouse
, con motivo de que se mueva constantemente cada 1 segundo(1000ms)
El problema es que no me funciona y no entiendo que está mal.- El problema es que no me funciona y no entiendo que está mal.
<!DOCTYPE html>
<html>
<head>
<link href="http://ogar.pw/assets/css/anim.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
setInterval(function() {
$('#play-btn').trigger('mouseover');
$('.hvr-wobble-horizontal').trigger('mouseover');
}, 1000);
});
</script>
</head>
<body>
<div style="width: 300px; height: 300px; background-color: green; position: absolute;" class="hvr-wobble-horizontal" id="play-btn"></div>
</body>
</html>