Javascript - Scroll html de alerta
Códigos Javascript
Muestra un aviso en forma de scroll que desaparecerá una vez se haya mostrado 2 veces. Permite codigo html.
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Modificar:
linea 4 para el contenido del Scroller
Linea 5 para la velocidad del scroll
Linea 6 para las veces que se mostrará el script, que en este caso son 2
CODIGO
# Codigo ofrecido por Tutores.org
- <marquee id="alerta" style="position:absolute;left:0px;top:0;background-color:#cccccc" onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=velocidad"></marquee>
- <script type="text/javascript">
- var themsg='<span style="font:verdana 22px Arial;color:red;"><b>Visita tutores.org<a href="http://www.tutores.org" target="_new">Visitar</a></b></span>'
- var velocidad=6
- var vueltas=2
- function mi_scroll(){
- var windowwidth=iecompattest().clientWidth
- document.getElementById("alerta").innerHTML=themsg
- document.getElementById("alerta").style.width=windowwidth
- document.getElementById("alerta").scrollAmount=velocidad
- document.getElementById("alerta").scrollDelay=20
- document.getElementById("alerta").loop=vueltas
- document.getElementById("alerta").onfinish=function(){
- document.getElementById("alerta").style.visibility="hidden"
- }
- }
- function iecompattest(){
- return (document.compatMode!="BackCompat")? document.documentElement : document.body
- }
- if (document.all && document.getElementById){
- window.onload=mi_scroll
- window.onresize=mi_scroll
- }
- </script>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Scroll html de alerta" href="http://www.tutores.org/codigo/703/" target="_blank">Scroll html de alerta</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Scroll html de alerta" href="http://www.tutores.org/codigo/703/" target="_blank">Scroll html de alerta</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS