$1.99 Domains* at GoDaddy.com

JAVA SCRIPT Büyüyen Yazı

javascript-1

Dalgalanan Yazı uygulamasını anlamakta zorluk çekenler için bu uygulamayı yazdım. Aslında diğerinden hiçbir farkı yok, sadece Sinüs formülü yok ve yazının harfleri için ayrı ayrı boyut belirlenmiyor.

Efektin analizini yapalım: Metindeki yazı 100 milisaniyelik aralıklarla büyüyor ve sonra en küçük haline gelip, yeniden büyümeye başlıyor. Çok basit bir efekt ama biraz geliştirirseniz harika efektlere ulaşabilirsiniz. Fikir vermek gerekirse yazı büyüdükten sonra siyahtan gri tonlarla beyaza dönsün. Böylece bir yok olma efekti oluşturursunuz. Daha sonra yazının devamı sözcükler aynı şekilde gelsin. Çok mu zor?

 

Bilmeniz Gereken Komutlar:

setTimeout(komut, süre)
 

Çözüm:

<html>

<head>

<title>Karakter sayısı</title>

 

<script language=”JavaScript”>

var metin = “Büyük Altay”;

 

function Buyut(n) 

{   

Yaz(metin,n);

if (n > 15) {n=1}

setTimeout(“Buyut(” + (n+1) + “)”, 100);

}

 

function Yaz(yazi,sayi)

{

son_hal = “”;

        son_hal += “<font size=’”+ sayi +”‘>” +yazi+ “</font>”

 

 

katman.innerHTML = son_hal;

}

 

</script>

</head>

<body onload=”Buyut(1)”>

<div id=”katman” align=”center”>

</div>

</body>

</html>

Kategoriler: JavaScript, Web Programlama

Tags: , , , , ,

Yorumlar

Yorum Yok

Yorumunuzu Ekleyin

Yorum eklemek için giris yapmalısınız.