Un anuncio que se desplaza siguiendo al apuntador del ratón
Existen muchas razones de visualizar un anuncio que se desplaza en una página. Para agradecimientos, publicidad, acontecimientos
excepcionales, mensajes llamativos, etc., este anuncio se pegará al cursor excepto cuando se defina lo contrario en el script.
Para obtener este efecto, inserte el siguiente script entre las etiquetas
<body> y
</body>: Puede personalizar su mensaje (variable
scroller_msg) y la duración de visualización (variable
dismissafter). Si el valor de la duración es
0, el mensaje se visualizará en continuo.
<SCRIPT language="JavaScript1.2">
<!--
var scroller_msg='Welcome to our site!'
var dismissafter=0
var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')
function followcursor(){
//move cursor function for IE
if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}
curscroll.style.left=document.body.scrollLeft+event.clientX+10
curscroll.style.top=document.body.scrollTop+event.clientY+10
}
function dismissmessage(){
curscroll.style.visibility="hidden"
}
if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
//-->
</SCRIPT>
Todo lo que se necesita hacer ahora es iniciar el afecto mediante la etiqueta
<body>, de la siguiente manera:
<Body style="width:100%;overflow-x:hidden;overflow-y:scroll">