Idees
[ Tornar a la pàgina d'informàtica ]

Un marcador en sus páginas

¿Tiene noticias para anunciar en su sitio? Haga que sus noticias sean más dinámicas mediante un estilo de marcador para informar a sus visitantes.

Inserte el estilo telestyle y el siguiente script en el encabezamiento de su página:

<STYLE>
.telestyle {
position:absolute;
visibility:visible;
font-size:8pt;
font-family:Arial;
font-weight:normal;
color:#000066;
top:300px;
left:60px;
height:32px;
width:500px;
filter:alpha(opacity=100);
}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
var message = "Welcome on the Webmaster Channel"
var character = 0;
var to_print = "";
var ypos = 300;
var next = 0 ;
var fade = 100 ;
var next_message = new Array() ;
next_message[0] = "You'll find more than 200 tips..."
next_message[1] = "Technical workshops..."
next_message[2] = "Simple scripts to copy and paste..."
next_message[3] = "Simply... all you need..."
next_message[4] = "...to make the bes website in the world!"

function doText(text) {
  if (document.all) {
    if (character <= text.length - 1) {
      to_print += text.charAt(character);
      teletext.innerHTML = to_print;
      character++;
      }
    else
    scrollIt();
    }
  setTimeout("doText(message)", 100);
  }

function scrollIt() {
  if (ypos >= 260) {
    ypos -= 1;
    fade -= 4;
    if (ypos < 265) {
      teletext.innerHTML = "" ;
      }
    }
  else {
    ypos = 300;
    character = 0;
    to_print = "";
    nextMessage();
    fade = 100;
    }
  teletext.style.top = ypos;
  teletext.filters.alpha.opacity = fade;
  }

function nextMessage() {
  message = next_message[next]
  if (next == 4) {
    next = 0;
    }
  else
  next++;
  }

// -->
</script>
Sin embargo, se puede personalizar como se quiera las hojas de estilo utilizadas. También puede modificar las variables message, message[0], etc. en los scripts. Estas corresponden a los mensajes que desea hacer desfilar. Puede introducir tantas líneas cuantas quiera.

Después, cree su marcador en el cuerpo de su páginas, entre las etiquetas <body> y </body>:

<DIV ID=teletext CLASS="telestyle">
</DIV>
Ahora todo lo que tiene que hacer es activar el marcador mediante el atributo onLoad de la etiqueta <body>:

<BODY onLoad="doText(message)">