Artikel geplaatst door OWN
· 404 bezichtigingen
Deze rubriek is geschreven door Kloep!
In deze rubriek maken we gebruik van het programma Notepad++ en Google Chrome. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Chrome de codes anders weer als bijvoorbeeld Internet Explorer of Firefox.
Deze week bekijken we hoe je de tekstgrootte gemakkelijk kunt wijzigen.
Tekstgrootte automatisch wijzigen
Deze week leren we om bovenstaande afbeelding te maken met een simpel scriptje. Zie onderstaande code:
Body:
<script type="text/javascript">
var message="Welkom op onze site!";
var format=message.toUpperCase();
var size=1;
for (i=0;i<message.length;i++){
document.write(format.charAt(i).fontsize(size).bold())
if (size<7) {
size++
}
else {
size=1
}
}
</script>
Plaats deze code in je BODY, en je krijgt de afbeelding. Zelf kun je natuurlijk dingen wijzigen. Zo kun bijvoorbeeld de tekst wijzigen. Hieronder zie je een afbeelding met een andere tekst:
En dat was het dan alweer voor deze week. Hopelijk tot de volgende keer!
Recommended Comments