Tecnología

Inicio

Cómo crear un Div como Arrastrable Scriptaculous

June 27

Scriptaculous es un marco de interacción JavaScript. Proporciona objetos y métodos para crear interfaces de usuario fácilmente en JavaScript y HTML. aplicaciones JavaScript son más interactivos que las aplicaciones web que se basan únicamente en HTML y CSS. Con JavaScript, los usuarios pueden interactuar dinámicamente con los objetos de la página. Scriptaculous tiene como objetivo hacer el desarrollo de interfaces dinámicas muy sencillo. La creación de un div arrastrable se puede hacer en menos de una línea de código con Scriptaculous.

Instrucciones

1 Abra un editor de texto como el Bloc de notas. Esto se puede hacer por ir a "> Todos los programas-> Accesorios-> Bloc de notas Inicio-."

2 Introduzca el código siguiente en el editor de texto:

<Html>

<Script type = "text / javascript" con la ruta a la biblioteca Scriptaculous.

3 Agregue el código siguiente inmediatamente después de la etiqueta "<script>".

<Script>

nueva Arrastrable ( 'test', {revertir: true});

</ Script>

Esto hace que la "prueba" div pueda arrastrar.

4 Agregue el código siguiente inmediatamente después de la etiqueta "<style>".

prueba {width: 300px; altura: 300px; background-color: verde}

Esto hará que el div prueba visible y verde. Guardar el documento como un archivo HTML y abrirlo en un navegador para ver los resultados.