|
Descripción: Este Script permite
arrastrar imágenes y textos por la pantalla.
Demo:
Arrastra las imágenes y el texto por la pantalla...
Texto para arrastrar
Instrucciones
Paso 1: Inserte
el siguiente código en la sección <head> de su web:
Una vez copiado el Script,
activar las imágenes para arrastrarlas es muy sencillo. Sigamos el siguiente
ejemplo:
<html>
<head>
<!--Código del Paso 1-->
</head>
<body>
<img src="test.gif"><img src="test2.gif">
</body>
</html>
Para activar la función drag-drop
a las primeras dos imágenes, simplemente agregue las líneas class="drag"
en el <img> tags,
de esta forma:
<html>
<head>
<!--Código del Paso 1-->
</head>
<body>
<img src="test.gif"
class="drag"><img src="test2.gif"
class="drag">
</body>
</html>
Ahora las dos imágenes se podrán
arrastrar.
Conrespecto
a textos, se trabaja con esto:
<html>
<body>
<h1><b class="drag">Escribe
tu texto</b></h1>
</body>
</html>
Note que la declaración class="drag"
es agregada dentro del tag más interno, el <b> tag, y no en el
<h1>.
Listo! |
