Cara Membuat Fungsi Dismiss seperti pada Alarm Jam. - Info Desain Web Terbaru!
Info Desain Web Terbaru!
4 Kang Rian 2/06/2014 08:41:00 AM Cara Membuat Fungsi Dismiss seperti pada Alarm Jam. Cara Membuat Fungsi Dismiss seperti pada Alarm Jam.

Cara Membuat Fungsi Dismiss seperti pada Alarm Jam.

Oleh. Kang Rian  •  12  •      Edit
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 .

Kang Rian Ikuti

Web & Graphic Designer - Berpengalaman sejak 2010, fokus membantu Perusahaan / UMKM agar dikenal secara Global melalui Website Profesional & Desain yg Menjual.

Cek. Jasa-Design.web.id

 

12 komentar

  1. heheh mantap Om ,, kreatif banget nih
    Coba dulu aahhh

    BalasHapus
    Balasan
    1. oh iya silahkan sob, semoga bermanfaat :D

      Hapus
  2. mantep tipnya...
    itu button bisa di custom pakai CSS ya sob??

    BalasHapus
    Balasan
    1. iya sob , bisa :) karena yang saya share disini tidak khusus untuk button saja , melainkan untuk semua element sob . :D

      Hapus
  3. kang Rian ,, misal kalo pingin pas dklik dya hilang tp ada yang muncul yg lain ..
    gmn kan ,, bisa yg kyak gtu kang ???

    BalasHapus

Terpopular! Minggu ini..

×