Sitio web de resúmenes de películas - Descarga de música - Ayuda: ¿Cómo utilizar jQuery para crear una animación de volar hacia un carrito de compras?

Ayuda: ¿Cómo utilizar jQuery para crear una animación de volar hacia un carrito de compras?

Déjame darte un ejemplo, debería ayudarte.

¿Esto es html

& lt input? id="Botón1 "? tipo="botón "? valor="botón"? />

<Tabla? style="ancho:?100%;"& gt

& lttr & gt

& lttd & gt

& ltdiv? estilo = " ancho: 100 px; alto: 100 px; borde: 1 px sólido #f08080 " id = " tienda " & gtCarrito de compras& ampnbsp& lt/TD & gt;

& lttd & gt& ampnbsp& lt/TD & gt;

& lttd & gt& ampnbsp& lt/TD & gt ;

& lt/tr & gt;

& lttr & gt

& lttd & gt& ampnbsp& lt/TD & gt;

& lttd & gt

& ltdiv? estilo="ancho:?50px?Alto:?50px?Color de fondo:?#f08080 "? id = " producto " & gt

Producto

& lt/div & gt;

& lt/TD & gt;

</tr>

</table>Este es el código jQuery:

$(function()?{

$(" #Button1 "). Haga clic(función()?{

var?shopOffset?=?$("#shop ").offset();

var?cloneDiv?=? $("#producto ").clone();

var? =?$("#producto");

cloneDiv.css({? "Posición": "Absoluta",? "Arriba ": proOffset.top,? "Izquierda"? });

$("#product "). clone div);

cloneDiv.animate({

Izquierda:?shopOffset.left,

arriba:?shopOffset.top

}, "lento");

});