Publicidad que se mueve

Hola todo exp.. Mi consulta es la siguiente:
Como hago que una publicidad se mueva junto al scroll cuando voy hacia abajo en la pagina... Estoy trabajando en dreamweaver.... Graciasss
Respuesta
1
Lo que necesitas es usar un JavaScript que permita a un Layer de Dreamweaver realizar este movimiento al mismo tiempo que te desplazas por la barra de Scroll.
******* PARTE 1 : EL SCRIPT *****
Dentro del la seccion BODY de tu HTML, pega el siguiente código:
<script language=JavaScript>
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
<!-- CHASE CODE -->
function heartBeat() {
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.left += percent;
lastScrollX = lastScrollX + percent;
}
}
<!-- CHASE CODE -->
<!-- DRAG DROP CODE -->
function checkFocus(x,y) {
var totalY, totalX;
floatx = document.floater.pageX;
floaty = document.floater.pageY;
floatwidth = document.floater.clip.width;
floatheight = document.floater.clip.height;
if(20 == 0) totalY = floatheight;
else totalY = 20;
if(0 == 0) totalX = floatwidth;
else totalX = 0;
if( (x > floatx && x < (floatx+totalX)) && (y > floaty && y < (floaty+totalY))) return true;
else return false;
}
function grabIt(e) {
if(IE) {
whichIt = event.srcElement;
while (whichIt.id.indexOf("floater") == -1) {
whichIt = whichIt.parentElement;
if (whichIt == null) { return true; }
}
whichIt.style.pixelLeft = whichIt.offsetLeft;
whichIt.style.pixelTop = whichIt.offsetTop;
currentX = (event.clientX + document.body.scrollLeft);
currentY = (event.clientY + document.body.scrollTop);
if(0 != 0) { if(event.clientX > whichIt.offsetLeft + 0) whichIt = null; }
if(whichIt) { if(20 != 0) { if(currentY > whichIt.offsetTop + 20) whichIt = null; } }
} else {
window.captureEvents(Event.MOUSEMOVE);
if(checkFocus (e.pageX,e.pageY)) {
whichIt = document.floater;
FloatTouchedX = e.pageX-document.floater.pageX;
FloatTouchedY = e.pageY-document.floater.pageY;
}
}
return true;
}
function moveIt(e) {

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas