Cara Membuat Text Berkedip Dengan JavaScript

Hai sobat codes, kali ini mimin Bakal Share Sebuah Tutorial Bagaimana Sih Caranya Membuat Sebuah Text Berkedap Kedip Hanya Dengan Menggunakan JavaScript, Untuk Memulai Membuat Text Berkedap Kedip, Buat Lah Sebuah File Baru Dengan Nama Sesuai Keinginan kalian. Berikan extensi file tersebut dengan extensi HTML.
Contoh : berkedip.html

Langkah Pertama
Copykan Code HTML berikut ke file yang telah Kalian Buat.

<!DOCTYPE html>
<html>
<head>
<title>Contoh Text Berkedip</title>
</head>
<body>


</body>
</html>

Langkah Kedua
Kemudian, Tambahkan Kode JavaScript Berikut ini.

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>
setInterval(function(){
     $(".kedip").toggle();
},400);
</script>

Letakkan dibawah tag <body>.

Baca Juga: Cara Redirect Halaman Web Menggunakan JavaScript

Langkah Ketiga
Untuk Membuat Text nya menjadi Berkedap Kedip, Tambahkan sebuah text yang sobat inginkan. Kemudian berikan lah font class nya kedip.

<font class="kedip">Hai Saya Sedang Berkedip</font>

Letakkan Dibawah tag </script>.
Perhatikan text berwarna merah tersebut, itulah font class nya dari JavaScript Diatas Tadi.
Hasil nya akan seperti ini:
Hai Saya Sedang Berkedip
Sekian dulu yah tutorial kali ini, semoga Bermanfaat Yah Sobat.

EAGLEcodes

Search This Blog

Cara Membuat Text Berkedip Dengan JavaScript

Labels

Comments

Post a Comment

Popular posts from this blog

Deface Metode Responsive Filemanager

Deface metode WP Event Registration File Upload