Tecnología

Inicio

Cómo hacer un fondo de desplazamiento después de efecto en CS5

Cuando tu blog o sitio web tiene imágenes o la publicidad como un fondo HTML, utilice el efecto de fondo de desplazamiento en Adobe Dreamweaver CS5. El fondo de efecto de desplazamiento permite que la imagen de fondo de una página web de desplazamiento con el usuario, por lo que el mismo fondo se muestra siempre como el usuario lee la página. Realizar este efecto mediante la adición de una función de jQuery en el editor de CS5.

Instrucciones

1 Abra el software Adobe Dreamweaver CS5 desde el Windows botón "Inicio". Cuando se abra el software, cargar el proyecto Web.

2 Haga doble clic en el archivo Web que contiene el fondo que desea desplazarse. Haga clic en la pestaña "HTML" para ver el código HTML en el diseñador de Adobe.

3 Rodear el contenido HTML con una etiqueta DIV. Esto significa que todo su contenido está contenida y controlada por la DIV. Añadir las siguientes etiquetas a su cuerpo principal HTML:

<Div id = "desplazamiento"> Todo el contenido HTML va aquí </ div>

4 Configurar el fondo de la imagen. Agregue el código siguiente para sus clases CSS:

.scrolling {
background: # 3e83c8 url (bg.png) repeat-x 0 inferior;
}

Reemplazar "bg.png" su propia imagen de fondo.

5 Agregue el código jQuery para crear el efecto de desplazamiento. Agregue la siguiente función jQuery para el código para desplazarse por el fondo como a los usuarios desplazarse por la página:

. $ ( 'Scroll') CSS ( "backgroundPosition", (dirección == 'h') Corriente + "px 0": "0" + corriente + "px"?);