Typende banner

Auteur: FreeJava - 07 oktober 2006 - 10:21 - Gekeurd door: Wijnand - Hits: 5079 - Aantal punten: 0.50 (2 stemmen)

Dit script zorgt voor een banner dat de tekst gaat typen

Verander de teksten onder:

tl= new textlist
(
"Welkom op mijn site",
"Ik hor je reacties over deze site graag",

enz. Je kan nog meer teksten erbij zetten door gewoon weer twee haakjes en een komma erbij te zetten:

"Tekst",

Code:

Zet dit tussen de <head> tags:

php code - Bekijk de code zonder highlighting - Klap code in

<script>
    <!--
      var max=0;
      function textlist()
      {
      max=textlist.arguments.length;
      for (i=0; i<max; i++)
      this[i]=textlist.arguments[i];
      }
      tl=new textlist
      ( 
       "Welkom op mijn site",    
       "Ik hoor je reacties over deze site graag",
       "Als je vragen hebt, kun je me gerust mailen",
       "Veel plezier!"

      );
      var x=0; pos=0;
      var l=tl[0].length;
      function textticker()
      {
        document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
        if(pos++==l) { pos=0; setTimeout("textticker()",1000); x++;
        if(x==max) x=0; l=tl[x].length; } else
        setTimeout("textticker()",50);
      }
      //-->
      </script>

<script>
    <!--
      var max=0;
      function textlist()
      {
      max=textlist.arguments.length;
      for (i=0; i<max; i++)
      this[i]=textlist.arguments[i];
      }
      tl=new textlist
      ( 
       "Welkom op mijn site",    
       "Ik hoor je reacties over deze site graag",
       "Als je vragen hebt, kun je me gerust mailen",
       "Veel plezier!"
 
      );
      var x=0; pos=0;
      var l=tl[0].length;
      function textticker()
      {
        document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
        if(pos++==l) { pos=0; setTimeout("textticker()",1000); x++;
        if(x==max) x=0; l=tl[x].length; } else
        setTimeout("textticker()",50);
      }
      //-->
      </script>

En zet dit tussen de <body> tags:

php code - Bekijk de code zonder highlighting - Klap code in

                <form name="tickform">
  <div align="center"><center><p><input type="text" name="tickfield" size="60" style="background-color:#000033; color:#ffffff; font-family: Arial Black; font-size: 12pt"></p>
  </center></div>
</form>
            
<form name="tickform">
  <div align="center"><center><p><input type="text" name="tickfield" size="60" style="background-color:#000033; color:#ffffff; font-family: Arial Black; font-size: 12pt"></p>
  </center></div>
</form>
 

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Geen reacties (0)