Como sabemos jQuery es una librería que nos proporciona cambios en nuestro diseños web con sus efectos que proporciona, ben para profundizar en este tema les mostrare y explicare que es jQuery.
Una de las principales características es que todos los efectos que realizamos con jQuery son deslizantes o con efecto opacidad, lo cual hace que nuestros blogs tengan una apariencia mas bonita.
Jquery es una biblioteca o frameworks de Javascrip, el cual nos permite simplificar la manera de como interactuamos con los documentos de HTML,Maneja eventos,desarrolla animaciones e incluye interacciones con tecnología AJAX a paginas web. jQuery es un software libre y de código abierto este programa permite al igual que otras bibliotecas unas series de funcionalidades basadas en JAVASCRIPT ya que simplifica la manera de usar menos códigos que antes, ya que con esta biblioteca se logran los resultados en menos tiempo y espacio.
Jquery lo podemos utilizar para agregar efectos impresionantes en nuestro blog ya que nos proporciona una imagen mas nueva y refrescante.
El efecto de jQuery solo necesitan de un codigo para iniciar el cual dejamos y cada que necesitemos un nuevo diseño solo agregamos el codigo para simplificar.
Veamos ahora el código de inicio:
<!-- jQuery -->Este seria el codigo que necesitamos para iniciar en jQuery dentro de nuestro blog, ya que el nos proporcionara inumerables efectos.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){$('a[href*=#]').click(function(){if(location.pathname.replace(/^\//,'')==this.pathname.replace(/^\//,'')&&location.hostname==this.hostname){var $target=$(this.hash);$target=$target.length&&$target||$('[name='+this.hash.slice(1)+']');if($target.length){var targetOffset=$target.offset().top;$('html,body').animate({scrollTop:targetOffset},1000);return false}}})});
//]]>
</script>
<!-- Fin JQuery -->
Cuales son sus caracteristicas:
- DOM interactividad y modificaciones, (incluyendo soporte para CSS 1-3 y un Plugin Básico de XPath)
- Eventos
- Efectos y Animaciones
- Ajax
- Extensibilidad
- Plugins Javascript
Como instalar por primera vez:
Vamos a instalar jQuery de dos maneras, la cual la vamos a realizar descargando la libreria y añadiendola a los ficheros de nuestra web o bien llamando a algun servidor que nos ofrezca esta opcion (Gogle,Microsoft o desde jQuery).
La opción 1:
- Descargamos la ultima versión de jQuery.
- La subimos a nuestro propio servidor
- Instalamos el siguiente código en la seccion "Head" de nuestras paginas.
<script type="text/javascript" src="TU RUTA AL FICHERO"></script>
en la linea de color rojo, vamos a sustituirla por la ruta de nuestro dominio donde lo tengamos puesto.
La opción 2:
Vamos a elegir el servidor que queremos usar e instalamos el codigo correspondiente, como ejemplo esta opcion de Google.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
ya que utilicemos cualquiera de los métodos anteriores, podemos empezar a programar funciones con efectos deslizantes utilizando la librería de jQuery.
0 comentarios:
¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro de tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados.