Cara Membuat Pop Up Modal dengan Framework materialize.css

Hallo teman teman balik lagi dengan saya Ismet Maulana, masih semangat yah bagi belajar hal hal baru, kali ini saya ingin berbagi pengetahuan mengenai Bagaimana Cara Membangun Pop Up Modal dengan Framework materialize.css mungkin  segala telah mengetahui yah mengenai pop modal itu apa? Oke seketika saja yah buka text editor teman teman lalu tuliskan script dibawah ini bagi yang baru bergabung dapat membaca artikel Cara Instalasi Materialize.css




Oke kalo telah tuliskan script dibawah ini :



<a class=waves-effect waves-light btn modal-trigger href=#modal1>Klik Me</a>

<div id=modal1 class=modal>
<div class=modal-content>
<h4>Ismet Maulana</h4>
<img src=images/3DISMET6.png class=responsive-img>
</div>
</div>


ini script javascriptnya :



$(document).ready(function(){
// the href attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal-trigger').leanModal();
});


Kemudian teman teman save hasil pekerjaannya lalu jalankan di browser teman teman dan lihat hasilnya, lumayan gampang bukan ?semoga artikel saya dapat menolong yah .



Demikian artikel mengenai Bagaimana Cara Membangun Pop Up Modal dengan Framework materialize.css,  terimakasih ..



#KeepLearn



#IsmetMA




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS