Aktifkan Fungsi Drag

Coba pindahkan gambar dan text dibawah dengan mouse..!!!







Coba Pindahkan text ini dengan drag mouse mu



Waduh kok bisa pindah-pindah ya..??? Mau tahu caranya..?? Gampang banget kok..!!! asik lho dari pada boring gak ada kegiatan mending iseng-iseng buat kayak ginian..!!! :D

nah agar gambar atau tulisan kita dapat di pindahkan dengan drag mouse ada cara-caranya nih..!!! ikutin aja ya..!!!

1. Copy dan pastekan kode dibawah ini sesudah kode <head>
<style type="text/css">

.drag{
position:relative;
cursor:hand;
z-index: 100;
}

</style>

<script type="text/javascript">


var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}

dragobject.initialize()

</script>


Save template..!!!
Untuk mengaktifkan pada gambar atau tulisan kita maka tinggal tambahkan code class="drag"

Gak ngerti..????
Jadi kalo gambar kamu bisa tambahkan kodenya jadi seperti ini..!!!
<img src="test.gif" class="drag"><br>

Nah kaLo untuk tulisan jadi seperti ini
<h1><b class="drag">Hi there</b></h1>

Gampangkan..??? ya udah. Jam kuliah dah masuk..!!!

Ditunggu tips aneh lainnya ya..!!!

5 comments

Wah bener ya. kok bisa digeser-geser?

saya coba ya mas, bagus artikelnya mas.

Reply

Thank's. Artikelnya bermanfaat banget lho.

Reply

Hehehheee...Hehehhee
kerenn mas ... :)

bisa pindah² gambar N tulisanya :)

Reply

Dapatkan Penghasilan Tambahan Dengan Bermain Poker Online di www , SmsQQ , com

Keunggulan dari smsqq adalah
*Permainan 100% Fair Player vs Player - Terbukti!!!
*Proses Depo dan WD hanya 1-3 Menit Jika Bank Tidak Gangguan
*Minimal Deposit Hanya Rp 10.000
*Bonus Setiap Hari Dibagikan
*Bonus Turn Over 0,3% + 0,2%
*Bonus referral 10% + 10%
*Dilayani Customer Service yang Ramah dan Sopan 24 Jam NONSTOP
*Berkerja sama dengan 4 bank lokal antara lain : ( BCA-MANDIRI-BNI-BRI )

Jenis Permainan yang Disediakan ada 8 jenis :
Poker - BandarQ - DominoQQ - Capsa Susun - AduQ - Sakong - Bandar Poker - Bandar 66

Untuk Info Lebih Lanjut Dapat menghubungi Kami Di :
BBM: 2AD05265
WA: +855968010699
Skype: smsqqcom@gmail.com

Dapatkan Penghasilan Tambahan Dengan Bermain Poker Online di www , SmsQQ , com

Keunggulan dari smsqq adalah
*Permainan 100% Fair Player vs Player - Terbukti!!!
*Proses Depo dan WD hanya 1-3 Menit Jika Bank Tidak Gangguan
*Minimal Deposit Hanya Rp 10.000
*Bonus Setiap Hari Dibagikan
*Bonus Turn Over 0,3% + 0,2%
*Bonus referral 10% + 10%
*Dilayani Customer Service yang Ramah dan Sopan 24 Jam NONSTOP
*Berkerja sama dengan 4 bank lokal antara lain : ( BCA-MANDIRI-BNI-BRI )

Jenis Permainan yang Disediakan ada 8 jenis :
Poker - BandarQ - DominoQQ - Capsa Susun - AduQ - Sakong - Bandar Poker - Bandar 66

Untuk Info Lebih Lanjut Dapat menghubungi Kami Di :
BBM: 2AD05265
WA: +855968010699
Skype: smsqqcom@gmail.com


bosku minat daftar langsung aja bosku^^

Reply

Post a Comment