masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > javascript最短的拖动代码[兼容FF]_javascript技巧

javascript最短的拖动代码[兼容FF]_javascript技巧

WBOY

Lepaskan： 2016-05-16 19:08:22

asal

1096 orang telah melayarinya

发帖时无法插入可运行代码?
以下为程序代码:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<script language="JavaScript" type="text/javascript">  
var x,y  
var drag_=false  
var D=new Function('obj','return document.getElementById(obj);')  
var IE=new Function('','if(navigator.appName.indexOf("Explorer")>=0)return 1;if(navigator.appName.indexOf("Netscape")>=0)return 2')  
function Move_obj(obj){//1  
                     D(obj).onmousedown=function(e){drag_=true//4  
                              with(this){style.position="absolute";temp1=offsetLeft;temp2=offsetTop;//5  
                              if(IE()==1){x=event.clientX;y=event.clientY//6  
                                  document.onmousemove=function(e){//7  
                                        if(drag_==false)return false  
                                     with(this){style.left=temp1+event.clientX-x+"px";style.top=temp2+event.clientY-y+"px"}  
                                     }//7  
                              }//6  
                              if(IE()==2){x=e.pageX;y=e.pageY;//8  
                                  document.onmousemove=function(e){//9  
                                        if(drag_==false)return false  
                                     with(this){style.left=temp1+e.pageX-x+"px";style.top=temp2+e.pageY-y+"px"}  
                                     }//9  
                              }//8  
                        }//5  
           document.onmouseup=new Function("drag_=false")  
                     }//4  
}//1  
</script>  
  
<div id="test" style="background-color:#0099CC;width:200px" onmouseover='Move_obj("test")'>杩</div>

Label berkaitan：

javascript最短的拖动代码[兼容FF]

sumber：php.cn

Artikel sebelumnya：javascript实现的LI列表输出，隔行同色的代码_javascript技巧 Artikel seterusnya：iframe src为图片时的高度自适应的代码_javascript技巧

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

0

3

2165

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

0

11

2313

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

0

1

1950

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...

daripada 2024-04-18 23:52:34

0

1

1825

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1878

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan