Ingegna
a- a+

Semplice animazione sulla Barra di Stato

L'esempio che segue mostra come porre una scritta sulla barra di stato con al lato degli "smile" in movimento. Basta inserire lo script all'interno del tag <HEAD> e...il gioco è fatto!

 

ESEMPIO

 

 

<HTML>
<HEAD>
<TITLE>Semplice animazione sulla barra di stato</TITLE>

<script language=JavaScript>

   var saluto=" Benvenuti amici di WebMaster Point! Che ne pensate? "

   var testo=""

   var started=false

   var step=0

   var times=1

 

    function benvenuti()

    {

      times--

      if (times==0)

      {

        if (started==false)

        {

          started = true;

          window.status = saluto;

          setTimeout("animazione()" ,1);

        }

        testo = saluto;

      }

    }

 

    function mostratesto(txt)

    {

      testo = txt;

      setTimeout("benvenuti()" ,400)

      times++

    }

 

    function animazione()

    {

      step++

      if (step==7) {step=1}

      if (step==1) {window.status='):-:-:-'+testo+ '-:-:-:('}

      if (step==2) {window.status=':-):-:-'+testo+ '-:-:(-:'}

      if (step==3) {window.status='):-):-'+testo+ '-:(-:('}

      if (step==4) {window.status=':-):-)'+testo+ '(-:(-:'}

      if (step==5) {window.status=':-:-):-'+testo+ '-:(-:-:'}

      if (step==6) {window.status=':-:-:-)'+testo+ '(-:-:-:'}

      setTimeout("animazione()" ,200);

    }

</script>
</HEAD>
<BODY bgcolor="red" onLoad="benvenuti()">
<h2>Osservate la barra di stato....</h2>
</body>
</html>

Come avrete notato, sono presenti delle semplici funzioni! Niente di particolarmente difficile!

IMPORTANTE!!! Ricordatevi di inserire nel tag <body>, tra le parentesi angolari,

onLoad="benvenuti()"

E' possibile apportare delle modifiche...ad esempio modificando i numeri all'interno del setTimeout si cambia la velocità!



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Redazione
Ti interessano altri articoli su questo argomento?
Chiedi alla nostra Redazione!