Jquery

Jquery ile Yazıyor Efekti

Geçenlerde o blogdan o bloğa dolaşırken açık kaynak kodlu bir jquery eklentisine rastladım. Bu eklenti sayesinde yazılarımıza typing efekti verebiliyoruz. Bugün size bu eklentiyi kullanarak yazıyor efekti oluşturmayı anlatacağım.

Son derece kolay olan bu işlemi yapmadan önce buradan eklenti dosyasını indiriyoruz. Şimdi nasıl kullanacağımıza bakalım…

Önce, indirdiğimiz typed.js dosyasını çağırdık. Daha sonra script tanımlayarak içerisinde element adında class oluşturduk ve hareket etmesini istediğimiz string değerini girdik.

<script src="typed.js"></script>
<script>
  $(function(){
      $(".element").typed({
        strings: ["wordpress, html, css, jquery, php hakkında eğitici makaleler ve dahası... www.aykutt.com"],
        typeSpeed: 0
      });
  });
</script>

Geriye sadece element class’ını çağırmak kaldı.

<div class="element"></div>

Şimdi sayfa ilk yüklendiğinde belirlediğimiz cümleyi yazmaya başlayacaktır. Bunun hızını kendinize göre özelleştirebilirsiniz. Benim yaptığım örneğin demo adresine aşağıdan ulaşabilir ve nasıl göründüğüne bakabilirsiniz. Bir sonraki yazımda görüşmek üzere…

[button color=black size=medium]Demo[/button]

Yazar Hakkında

Aykut Başyiğit

2012 yılından beri SEO ve Dijital Pazarlama ile ilgileniyorum. Marmara Üniversitesi Bilgisayar Mühendisliği öğrencisiyim. Aynı zamanda SEO ajansım üzerinden kurumsal firmalara danışmanlık hizmeti sağlıyorum.

Yorum Yaz