Programación>JavaScript Programación

Cómo hacer correderas contenido en jQuery

2012/6/8

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: Diferencia entre el Pop & Splice en Javascript; Cómo crear un contenedor de JavaScript para la API; Cómo cambiar Div texto a negrita en JavaScript; Cómo ver una etiqueta de JavaScript; Cómo crear un formulario de correo electrónico gratuito; Cómo conseguir un JTextArea dudar y explorar los datos en Java; Diferencia entre onbeforeunload y OnUnload; Cómo obtener Efectos Cursor gratis

Los últimos artículos de equipo

Artículos de la popular computadora

Más categorías

Conocimientos Informáticos © http://www.ordenador.online