Al navegar por Internet, descubrirá que Internet no es sólo un océano de información, sino también un océano de publicidad. Además de los Gif Banner y Flash habituales, los anuncios flotantes también son una de las formas de publicidad más populares en Internet hoy en día. Cuando arrastra la barra de desplazamiento del navegador, este tipo de anuncio flotante en la página puede moverse con la pantalla. Aunque este efecto tiene un valor práctico considerable para la visualización de publicidad, para las personas que navegan por su página web, esto es algo que dificulta la lectura y afecta el interés de lectura, por lo que no se debe abusar de él. Sin embargo, si lo usas sabiamente, puede resultar extremadamente útil.
No es difícil crear el efecto de un anuncio flotante. Si tiene conocimientos básicos de JS, puede escribir uno usted mismo. Si es demasiado vago para escribir, descargue una herramienta de efectos especiales en línea y pegue el código cuando se le solicite. Sin embargo, si desea comprender realmente cómo se hace, necesita dominar algunos conocimientos de JS. Aquí les presentaré un método simple de publicidad flotante.
El siguiente código se puede colocar entre <body></body>, durante el cual agregué algunos comentarios (es decir, el texto después de "//" y el texto entre "<!—" y "-->").
<SCRIPT FOR=ventana EVENTO=onload LANGUAGE="JScript">
initAd();//Después de cargar la página, llame a la función initAd()
</SCRIPT>
<lenguaje de escritura="JScript">
<!--
función inicioAd() {
document.all.AdLayer.style.posTop = -200;//Establezca la posición de la capa de anuncios en relación con la dirección y fija después de que se active el evento onLoad.
document.all.AdLayer.style.visibility = 'visible'//Establecer la capa para que sea visible
MoveLayer('AdLayer');//Llamar a la función MoveLayer()
}
función MoveLayer (nombre de capa) {
var x = 600; //La capa de publicidad flotante se fija en la posición de la dirección x del navegador.
var y = 300; //La capa de publicidad flotante se fija en la dirección y del navegador.
var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + LayerName + ".style.posTop = y");
eval("document.all." + LayerName + ".style.posLeft = x");//Capa de publicidad móvil
setTimeout("MoveLayer('AdLayer');", 20);//Establece 20 milisegundos antes de llamar a la función MoveLayer()
}
//-->
</script>
<!--La siguiente es una capa con el nombre de ID AdLayer (si el nombre de ID no es AdLayer, el AdLayer en MoveLayer() anterior también debe modificarse en consecuencia), incluida una imagen con un enlace -->
<div id=AdLayer style='posición:absoluta; ancho:61px; alto:59px; visibilidad:oculto;; 600px;
<a href=" http://www.5dmedia.com/bbs"><img src='../qqkk2000.gif' border="0" height="60" width="60"></a>
</div>
Aquí, puede establecer los valores x e y para establecer la posición de la capa fija y cambiar el valor de 20 en setTimeout("MoveLayer('AdLayer');", 20) al valor que Quiero llamar al intervalo de tiempo de MoveLayer(). También cabe señalar que la imagen utilizada es preferiblemente un gif con un fondo transparente para que el color de fondo de la imagen no oscurezca el contenido que hay detrás.
Recuerde, utilice los anuncios flotantes con precaución. Al considerar el uso de efectos especiales, también debe tener en cuenta los sentimientos del espectador y no abusar de ellos.