Tuesday, August 2, 2016

Cara Buat DIV Element Bisa Di Drag Move

Tags

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

Penggunaan Markup
  • Untuk memasukan gambar dan youtube link silahkan taruh link gambar dan youtube link tanpa tag <img> dan <iframe>.
  • Untuk menulis huruf bold silahkan gunakan [strong]KONTEN[/strong] atau [b]KONTEN[/b].
  • Untuk menulis huruf italic silahkan gunakan [em]KONTEN[/em] atau [i]KONTEN[/i].
  • Untuk menulis huruf underline silahkan gunakan [u]KONTEN[/u].
  • Untuk menulis huruf strikethrought silahkan gunakan [strike]KONTEN[/strike].
  • Untuk menulis kode HTML silahkan gunakan [code]KONTEN[/code] atau [pre]KONTEN[/pre] atau [pre][code]KONTEN[/code][/pre], dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Penggunaan Parse Kode Dan Emoticon Tidak Berlaku Di Ponsel.
Show EmoticonHide Emoticon Off Topic