Tecnología

Inicio

Cómo poner un cargador Ajax en Mi Página

August 9

El AJAX Página del cargador, más comúnmente conocido como el efecto de la página de carga AJAX, es una esfera giratoria que gira mientras que su sitio web o páginas web de las cargas, dejando a sus visitantes conocer que su página está funcionando correctamente y que simplemente tienen que esperar unos momentos para ver su contenido. Una Página Ajax Loader se puede añadir a cualquier página web o Web, proporcionando un elemento interactivo que ayuda a su sitio web parece más profesional.

Instrucciones

1 Haga clic en la página web a la que wan para agregar la esfera de carga AJAX, seleccionar "Abrir con" y seleccione "Bloc de notas".

2 Escriba el código siguiente después de la etiqueta "<body>":

<Div id = "pageloading '> <div id =' spinning '> </ div> <div id =" carga "> Esta página se está cargando ... </ div> </ div>

3 Agregue el código siguiente después de la etiqueta "<HEAD>" y por encima de la etiqueta "</ HEAD>":

<Script> (function ($) {
$ ( "HTML") removeClass ( "v2.");
$ ( "# Cabecera") listo (function () {$ ( "# hilatura") parada () animar ({width:.. "15%"}, 1800)}).;
$ ( "# Pie de página") listo (function () {$ ( "# hilatura") parada () animar ({width:.. "80%"}, 1800)}).;

4 Agregue el código siguiente directamente debajo del código que aparece en el paso 3:

$ (Ventana) .load (function () {
$ ( "# Hilatura") parada () animar ({width: "90%"}.., 800, function () {
$ ( "# Cargador") FadeOut ( "lento", function () {$ (this) .Remove ();}).;
});
});
}) (JQuery);
</ Script>

5 Haga clic en "Archivo" y "Guardar" para guardar los cambios, a continuación, cierre el Bloc de notas.

Consejos y advertencias

  • Cambiar los porcentajes "ancho" en el código para cambiar el tamaño de la página AJAX Loader. Un porcentaje mayor resultado en un cargador de página más grande, mientras que un porcentaje menor resultado en un cargador de página más pequeño.