|
CURSO COMPLETO DE DREAMWEAVER 8
--BÁSICOS--
11 - IMAGENES O CAPAS CON EFECTO BARRA DE DESPLAZAMIENTO
En esta ocasión son dos imagenes, pero pueden ser tambien dos capas, e incluso mapas de imagen, eso es a gusto de cada cual y lo que esté mas acostumbrado a manejar, lo importante es el comportamiento que le des a cada una.
Yo le doy a la flechita de arriba dos comportamientos de:
onMouseOut scrollspeed=0
onMouseOver scrollspeed=-2
y la de abajo, otros dos comportamientos así:
onMouseOut scrollspeed=0
onMouseOver scrollspeed=2
Y luego hay que insertar un script en cada pagina para que no salga la barra que desplaza, y si se desplace con las imagenes que nosotros habiamos configurado con los comportamientos, lo podemos poner antes del <style> justo después del </head> aunque este script no lo soportan todos los navegadores, por ejemplo en mozilla no va :( de momento no conozco ningun otro que sea compatible con ambos:
<script language="JavaScript1.2">
////Contenido Scroll
var speed, currentpos=curpos1=0,alt=1,curpos2=-1
function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed
scrollwindow()
}
}
function scrollwindow(){
temp=(document.all)? document.body.scrollTop : window.pageYOffset
alt=(alt==0)? 1 : 0
if (alt==0)
curpos1=temp
else
curpos2=temp
window.scrollBy(0,speed)
}
setInterval("initialize()",10)
</script>
<body topmargin="0" leftmargin="0" rightmargin="0">
<body scroll="NO".... topmargin="0" leftmargin="0" rightmargin="0"> |
2007 ©By Almaweb.es
subir
Ir al menú de tutoriales de DREAMWEAVER
Todos los tutoriales son de mi completa autoría,
cualquier parecido con otros, es pura coincidencia.
Queda totalmente prohibida su reproduccion, total o parcial.
Si quieres enlazar mis tutoriales, no hay problema,
solo mandame un e-mail, para comunicarmelo.
Cualquier duda o sugerencia:
Tutoriales registrados
|
