En yeni: Dünyanın en iyi 10 video düzenleme programı Trending: İnternetten para kazanmak, Ekgelir, En iyi Tıkla Kazan (PTC) Siteleri

Yanıp sönen yazı efekti kodu

bubble-text-effect
Yanıp sönen yazı efekti kodu
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 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.

Önizleme:
www.MeftunMede.com

<script type="text/javascript">
// <![CDATA[
var bgcolour="#ffffff"; // Arka plan rengi
var fgcolour="#663399"; // ön plan rengi
var speed=100; // bubbling hızı, düşük hızlı
var shades=10; // bubble tonlarının sayısı
var bubbcol=new Array();var bubbler,bubbtxt;var bubbchr=new Array();window.onload=function(){if(document.getElementById){for(bubbler=0;bubbler<=shades;bubbler++){bubbtxt="#";for(var i=1;i<6;i+=2){var bg=parseInt(bgcolour.substring(i,i+2),16);bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)))}
bubbcol[bubbler+1]=bubbtxt;}bubbler=document.getElementById("bubble");bubbtxt=bubbler.firstChild.nodeValue;while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);for (var i=0; i<bubbtxt.length; i++) {var bubbi=document.createElement("span");bubbi.setAttribute("id", "bubb"+i);bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));bubbler.appendChild(bubbi);}bubbler=setInterval ("bubbling()", speed);}}
function dechex(dec){var hex=dec.toString(16);if(dec<16)return"0"+hex;else return hex;}
function bubbling(){for(var i=0;i<bubbtxt.length;i++){var bubbme=document.getElementById("bubb"+i);if(bubbchr[i]){bubbme.style.color=bubbcol[bubbchr[i]];bubbchr[i]=(bubbchr[i]+1)%bubbcol.length}else if(Math.random()<0.75/bubbchr.length)bubbchr[i]=1;}}
// ]]>
</script>
<strong><span style="color="#000066;" id="bubble">www.MeftunMede.com</span></strong>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

0 yorum:

Yorum Gönder

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

 
  • Meftun Apart

    Meftun Apart Fethiye

    Apartlarımız deniz ve plaja 50 metre mesafede olup, klimalı, full eşyalı 2+1, 1+1, 4-6 kişilik ve havuzlu apartlardan oluşmaktadır.

  • Meftun Mede Blogger

    MEDE Blogger Tema Yardım

    Blogger şablonuzda, temanızda yardımamı ihtiyacınız var? Hertürlü blogger tema yardımı ücretsiz yapılır...

  • Sitemap sayfası oluşturma

    Sitemap sayfası oluşturma

    Sitemap bir web sitesinin haritasıdır.Arama motorlarının web sitelerini hızlı, daha çabuk ve tam olarak indexlemesi için oluşturulurlar.

  • hit arttırma

    Sitenizin hitini arttırın!

    Kaliteli hit arttırma sitemi ile ücretsiz hit kazanın, sitenizi Google'da yükseltin! Sitenizi ekleyin ve binlerce ziyaretçi kazanın!

  • internetten para kazan

    İnternetten para kazan !

    Boş zamanınızı internetde reklam izleyek ve bundan para kazanarak geçirebilirsiniz. Ek gelir elde edebilirsiniz!