|
Tablón
de anuncios virtual
|
|
|
Es un tablón al que se le pueden "pegar"
muchas notas y avisos porque si se amontonan, como en un tablón
de verdad, se pueden apartar los de delante o reordenarlos todos
si se quiere. Para ver como queda pincha en este enlace.
El código fuente del javascript es el
siguiente:
Sección <head>
Sección <body>
Por cada nuevo anuncio que se ponga en el tablón
hay que:
- Añadir una nueva línea en la
sección <head> a continuación de
#divDrag4{position:absolute;
left:0; top:0; visibility......
que ponga
#divDrag5{position:absolute;
left:0; top:0; visibility......
especificando las nuevas variables (tamaño y origen
de la imagen)
- Añadir una nueva línea a continuación
de
oDrag[4].moveIt(160,340)
que ponga
oDrag[5].moveIt(x,y)
donde x e y son las coordenadas en pixels de la posición
inicial.
- Añadir una nueva línea en la sección
<body> a continuación de
<div id="divDrag4"><p
align="center" style=......
que ponga
<div id="divDrag5"><p
align="center" style=......
y escribiremos antes de la etiqueta </div> todo el código
html de lo que queremos que aparezca en el anuncio.
Si quieres que te quede exactamente igual, aquí
tienes los archivos:
corcho
de fondo post-it: verde140x150 rosa180x120 am120x80
De todas formas, lo ideal es que busques otro
formato distinto. Si es así, mándame una dirección
para que pueda ver como ha quedado
Este javascript es una adaptación del
de Thomas Brattli (bratta.com),
respeta sus mensajes de copyright.
|