Anasayfa

Html & Css

Html ile Yanıp Sönen Yazı Yapma
Facebookta Paylaş

Html ile Yanıp Sönen Yazı Yapma

Web sayfalarımızda zaman zaman dikkat çekmesini istediğimiz alanlar olabilir. Bu alanları sayfanın diğer kısmından ayırabilmek için html de <blink></blink> komutları ve javascript yardımı ile de yanıp sönen yazı şeklinde gösterebiliriz. Html ve css ile şekillendirdiğimiz yazı yanıp sönme efekti ile daha dikkat çekici olacaktır. Şimdi gelelim nasıl yapılacağına.

Aşağıdaki kodu sayfamızın <head></head> tagları arasına yazıyoruz.

<script type="text/javascript">
    function doBlink() {
        console.log('blink');//alert('blink');
        var b = document.all.tags("BLINK")
        for (i = 0; i < b.length; i++) b[i].style.visibility = (b[i].style.visibility
        == "") ? "hidden" : ""
    }
    function startBlink() {
        setInterval("doBlink()", 800)
    }
    window.onload = startBlink;
</script>

Burdaki setInterval("doBlink()", 800) , 800 değeri yanıp sönme hızıdır. Bu değeri arttırıp yada azaltarak yanıp sönme hızını belirleyebilirsiniz.

Yukardaki kodu head tagları arasına yazdıktan sonra sayfamızdan yanıp sönmesini istediğimiz alanı aşağıda belirttiğim gibi <blink></blink> tagları arasına yazıyoruz.

<blink>http://www.ulusoyy.com</blink>

Örneğin Çıktısı

http://www.ulusoyy.com

24 Eylül 2013 15:23 Kategori :Html & Css23395
Sitene Ekle :
Yukarıdaki kodu sitenize ekleyerek bu konuyu sitenizde yayınlayabilirsiniz.