Tecnología

Inicio

Cómo instalar jQuery con Dreamweaver

May 5

Cómo instalar jQuery con Dreamweaver


Después de ver una animación jQuery reveladora, es posible que se inspiró para incluir este tipo de efectos especiales en todas sus páginas Web. JQuery, una biblioteca JavaScript, también ayuda a los desarrolladores de código más rápido mediante la realización de muchas tareas complejas de forma automática. A pesar de que jQuery no existe en una aplicación web hasta que alguien lo instala, se puede añadir la biblioteca jQuery para sus proyectos de Dreamweaver mediante la vinculación con el archivo que contiene el código fuente.

Instrucciones

1 Dreamweaver abierta y haga clic en el botón "HTML". Dreamweaver crea un nuevo documento de página Web.

2 Tipo "Esto es una prueba" en el documento, y luego resaltar el texto con el ratón. Tipo "jQueryTest" en el cuadro de texto "ID" en la parte inferior de Dreamweaver. Hacer esto le da al texto un valor de ID.

3 Haga clic en la pestaña "Código" cerca de la parte superior de Dreamweaver para ver el código HTML del documento. Busque la etiqueta "<head>" dentro del código y pegue el siguiente texto a continuación que la etiqueta:

<Script type = "text / javascript" src = "https://ajax.googleapis.com/
ajax / libs / jQuery / 1 / jquery.min.js "> </ script>

Este código hace jQuery disponible en el documento de Dreamweaver.

4 Pegue el siguiente código JavaScript debajo del código añadido en el paso anterior:

$ (Function () {
$ ( '# JQueryTest') FadeOut (5000).;
});

Se trata de una sencilla función de animación jQuery. Se le permite verificar que funciona jQuery. La función se desvanece el texto que escribió cuando se carga la página Web. El efecto fadeout toma 5000 milisegundos.

5 Haga clic en la pestaña "Diseño" para volver a la vista de diseño. aparece el texto. Haga clic en la pestaña "Vista previa dinámica". El texto se desvanece a cabo en cinco segundos, verificar que funciona jQuery. Añadir un código adicional jQuery según sea necesario para la página Web.

Consejos y advertencias

  • Recuerde que ningún código JavaScript o jQuery funciona si los usuarios desactivar JavaScript en su navegador. Al crear aplicaciones Web, es útil para crear formas alternativas para manejar las funciones críticas sin depender de JavaScript.