Programación>JavaScript Programación

Cómo hacer correderas contenido en jQuery

2011/11/10

Muchos sitios web de hoy en día utilizan un lenguaje de programación llamado jQuery para presentar contenidos de manera dinámica y atractiva al tiempo que proporciona una experiencia de usuario web únicas. Correderas áreas de contenido se pueden implementar con el lenguaje jQuery. Este tutorial le guiará a través de los pasos necesarios para crear un área de contenido horizontal y verticalmente deslizante. Instrucciones
1

Cree los ID de div para cada área de contenido. El siguiente ejemplo de código muestra cómo establecer un div y objetos de la clase que posteriormente se hace referencia en el código:

< div id = "Máscara >

< div id =" " class =" ejemplo1 ejemplo1 "

< div class = "content "> ejemplo1

Usar CSS para definir la forma en que el área de contenido se comportará cuando se desliza y las referencias a la clase que usted ha creado , por ejemplo :

: 100 % ;
< p . > anchura: 95 % ;
margen

: 0 ; padding : 0 ; }

# wrapper {
ancho

: 500 % ;
altura

background-color : # eee ;

ancho : 400px ;

altura : 300px ;

superior : 20 % ;
margen

fondo - color: # aaa ;

posición : . relativa;

cambiar las variables en cada elemento de arriba y añadir o eliminar elementos CSS adicionales según sea necesario
< . br> 3

Escribir la función jQuery javascript basado en que utilizará sus clases para presentar contenido como se define en el archivo CSS el siguiente ejemplo con los comentarios muestra cómo se puede manipular las clases y áreas de contenido :

$ (document). ready ( function () {

//obtener todos los vínculos en el panel de clase

$ (' a.panel "). haga clic en (function ( ) {

//restablecer el vínculo que se ha resaltado y seleccionado el elemento actual para cambiar su tamaño

actual = $ ( this);

Página anterior: Cómo hacer un Slide Toggle abajo con jQuery

Página siguiente: Cómo utilizar una mesa de luz de JavaScript

JavaScript Programación: Funciones de JavaScript para aceptar parámetros con nombre; Cómo dar vuelta a un JavaScript externo a interno; Adición Javascript dinámicamente con DOM Scripting; Cómo habilitar validadores de ASP.NET con JavaScript; Cómo cambiar el contenido de un iFrame con JavaScript; Cómo activar la función Imprimir pantalla Uso de JavaScript; Cómo borrar atributos de elemento; XML Tool Tip Tutorial

Los últimos artículos de equipo

Artículos de la popular computadora

Más categorías

Conocimiento de la computadora © http://www.ordenador.online