jQuery - Membuat Animasi Auto Typing (Effect)

Contoh 1

Code

<p class="example1"></p>
$('.example1').typeIt({ 
     whatToType: "The quick brown fox jumps over the lazy dog.",
     typeSpeed: 100
});

Contoh 2

Code

<p class="example2"></p>
$('.example2').typeIt({
     whatToType: [
           "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
           "The quick brown fox jumps over the lazy dog."
      ],
      typeSpeed: 100
});

Contoh 3

Code

<p class="example3"></p>
$('.example3').typeIt({
     whatToType: [
          "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
          "The quick brown fox jumps over the lazy dog."
     ],
     typeSpeed: 100,
     breakLines: false
});

(Baca juga: jQuery - Membuat Bootstrap Datetimepicker)

Setting
whatToType : String yang ingin anda ketik
typeSpeed : Kecepatan
lifeLike : Kecepatan konstan atau tidak teratur
showCursor : Kursor berkedip saat mengetik
breakLines : Dihapus atau tidak
breakWait : Waktu antara mengetik.
delayStart : Waktu sebelum dimulai mengetik

DOWNLOAD

Source : jQuery TypeIt

Terima kasih
Enjoy your day !