Kang Rian [ on Blogger! ]

rian nurherdian, kang rian, blog kang rian, blog rian nurherdian, blogger hacks , free blogger templates, blogspot tutorial, blogger tutorial, tutorial seo, tutorial html5, blog seo friendly, modifikasi template blog, desain web pemula, blogger basic

Cara Membuat Fungsi Dismiss seperti pada Alarm Jam.

Cara Membuat Fungsi Dismiss seperti pada Alarm Jam. - Pada postingan pagi ini saya ingin berbagi tentang cara membuat fungsi/effect "Dismiss" dengan JavasScript seperti pada alarm, contohnya : pada saat element di klik maka element tersebut akan hilang .

Biasa nya fungsi ini selalu ada / di gunakan pada Alarm Jam handphone sobat,betul kan?


Berikut Demo-nya :

Dan berikut cara-nya :


Penerapan Kode Javascript! : Simpan kode di bawah ini sebelum kode </head>


<script type="text/javascript">
function hilangkan(){
  document.getElementById('dismiss').style.display='none';
}; // Simpan Javascript ini sebelum kode </head>
</script>


Cara Pemasangan : Perhatikan pada contoh pemasangan di bawah ini :


<button id="dismiss" onclick="hilangkan();">Element yang akan di Dismiss!</button>
Element <button> bisa sobat ganti dengan element yang sobat inginkan seperti : <div> , <span> , dsb.

Coba langsung yuk? Klik Disini


Selesai! semoga tutorial Cara Membuat Fungsi Dismiss seperti pada Alarm Jam yang saya bagikan ini bermanfaat untuk sobat yang membutuhkan, bila ada salah kata dalam penulisan tutorial ini mohon di maafkan .
Suka artikel ini? Bagikan!

Hidden Ads!

 
Mohon Aktifkan Javascript!Enable JavaScript