Cara Buat DIV Element Bisa Di Drag Move - Agiel Triono

Cara Buat DIV Element Bisa Di Drag Move

Baca Juga
thumb




Hai 😂 saya kali ini mau share trik membuat element div dapat di move pada layar mirip banget kaya efek windows komputer 😂

oke langsung saja kita mulai 😉

pertama kalian harus menambahkan JQuery UI element pada templates di bawah <head>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

Lalu tambahkan kode JS di atas </body>
    <script>
    $( function() {
        $( "#ID_DIV_KAMU" ).draggable();
    } );
    </script>
ganti ID_DIV_KAMU dengan ID element DIV yang kamu namai.

setelah itu simpan template dan lihat hasil nya

selesai 😉
ass.wr.wb

  • Untuk memasukan gambar silakan upload gambar pada komentar disqus.
  • Untuk memasukan link silahkan cantumkan link pada komentar tanpa menggunakan tag <a>.
  • Untuk menulis huruf bold silahkan gunakan <strong>...</strong> atau <b>...</b>.
  • Untuk menulis huruf italic silahkan gunakan <em>...</em> atau <i>...</i>.
  • Untuk menulis huruf underline silahkan gunakan <u>...</u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike>...</strike>.
  • Untuk menulis kutipan pendek gunakan <q>...</q>.
  • Untuk menulis kutipan panjang gunakan <blockqoute>...</blockqoute>.
  • Untuk menyembunyikan konten panjang gunakan <spoiler>...</spoiler>.
  • Untuk menulis syntax highlighter silahkan gunakan <pre><code>...</code></pre>, dan silahkan parse kode pada tab TOOLS.