cari

Rumah  >  Artikel  >  hujung hadapan web  >  JS melaksanakan kemahiran effect_javascript menyeret tetikus yang sangat mudah

JS melaksanakan kemahiran effect_javascript menyeret tetikus yang sangat mudah

WBOY
WBOYasal
2016-05-16 15:34:181193semak imbas

Contoh dalam artikel ini menerangkan cara melaksanakan kesan seret tetikus yang sangat mudah dengan JS. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Di sini, gunakan kod JavaScript yang paling singkat untuk menulis seret JS Fungsi itu sendiri ialah 287 aksara. . . Jika keserasian dan enkapsulasi berubah tidak dipertimbangkan, ia boleh menjadi lebih pendek.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-s-drug-demo/

Kod khusus adalah seperti berikut: 

<title>尽可能短的写一个JS拖动</title>
<body>
<div id="demo" style="width:100px; height:100px; position:absolute; background-color:silver;"></div>
<script>
function dragable(id){var d=document,o=d.getElementById(id),s=o.style,x,y,p='onmousemove';o.onmousedown=function(e){e=e||event;x=e.clientX-o.offsetLeft;y=e.clientY-o.offsetTop;d[p]=function(e){e=e||event;s.left=e.clientX-x+'px';s.top=e.clientY-y+'px'};d.onmouseup=function(){d[p]=null}}}
dragable("demo");
</script>

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

Kenyataan：
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 sebelumnya：Contoh lengkap pelaksanaan JS kesan penarafan bintang dengan kemahiran prompts_javascriptArtikel seterusnya：Contoh lengkap pelaksanaan JS kesan penarafan bintang dengan kemahiran prompts_javascript

Artikel berkaitan

Lihat lagi