..


Gesponsorde links

Tekst typemachine effect in DHTML

Artikel geschreven door Luca Ruggiero

Een zeer mooie tekst dat, indien correct gestileerd kan van grote invloed, is wat gewoonlijk een typemachine, omdat de tekens op het scherm als individueel getypt in sequentie van een toetsenbord.

Gebruik een Javascript DHTML-scripts gecompileerde code, doen dus tenzij programma's toegankelijker en minder zwaar, bijvoorbeeld Flash.

Drukt de tekst in een pure HTML-tags, zodat u nooit mis indexering van zoekmachines te gebruiken tekst om een ​​tag-ID die oproep, voor de eenvoud, "tekst" toe te passen 

 



 <div id="testo"> MRW Cursussen - Online Professional </ div>
en gebruik de volgende script op te halen 





 var i = 0;







 functie write ()







 {



    



 var id = document.getElementById ("tekst");



    



 ID.insertAdjacentText ("beforeEnd" temp.charAt (i));



    



 if (i <temp.length - 1)



    



 {



        



 i + +;



        



 setTimeout ("write ()", 100);



    



 }







 }







 functie start ()







 {



    



 var id = document.getElementById ("tekst");



    



 temp = ID.innerHTML;



    



 ID.innerHTML = "";



    



 write ();







 }
De werking is eenvoudig: we gebruiken de methode voor insertAdjacentText om af te drukken om video en timing in om de groei van het script en zijn vrij te videofragment te bestendigen.

We lopen de functie op pagina te laden 

 



 <body onload="inizio()">
en je bent klaar!

In dezelfde categorie ...
E-Learning
CSS (Cursus) CSS (Cursus)
Web Design en toegankelijkheid volgens de W3C CSS en XHTML. Vanaf 29 €.
HTML (Cursus) HTML (Cursus)
De opmaaktaal voor het web vanaf 29 €.
JavaScript (Cursus) JavaScript (Cursus)
Complete gids voor client-side scripting. Vanaf 39 €.
Gesponsorde links