masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > Contoh lengkap tetingkap terapung yang boleh dizum, diseret, ditutup dan diminimumkan dengan kemahiran JS_javascript

Contoh lengkap tetingkap terapung yang boleh dizum, diseret, ditutup dan diminimumkan dengan kemahiran JS_javascript

WBOY
Lepaskan： 2016-05-16 16:11:09
asal
1683 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah JS untuk melaksanakan tetingkap terapung yang boleh dizum, diseret, ditutup dan diminimumkan. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut:




JS实现可缩放、拖动、关闭和最小化的浮动窗口




<script><br> //dragClass(ID, Fenstertitel, Inhalt, X-Koordinate, Y-Koordinate, Breite, Länge)<br> var c1="Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1 Fenster 1";<br> objWin1=new dragClass('win1','Drag window 1',c1,0,150,300,300);<br> var c2="Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2 Fenster 2";<br> objWin2=new dragClass('win2','Drag window 2',c2,350,150,300,300);<br> var objWin3;<br> Funktion openWin(){<br> if(objWin3==null){<br> var c3="123 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3 Fenster 3";<br> objWin3=new dragClass('win3',c3,c3,700,150,300,300);<br> }else{<br> If(objWin3.Window.style.display=='none'){<br> objWin3.Window.style.display='';<br> }<br> }<br> }<br> </script>


Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Label berkaitan：
js penutupan seret meminimumkan Zum
sumber：php.cn
Artikel sebelumnya：Pemahaman mendalam tentang siri JavaScript (30): Penjelasan terperinci tentang corak penampilan corak reka bentuk_Pengetahuan asas Artikel seterusnya：Pemahaman mendalam tentang siri JavaScript (29): Penjelasan terperinci tentang corak penghias corak reka bentuk_kemahiran 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
Isu terkini
Bolehkah kumpulan pekerja yang diisytiharkan dalam berbilang laluan masih mengekalkan penggunaan cpunya tanpa mengambil berat tentang ambang Saya berharap untuk mencari sistem node.js dengan kumpulan pekerja untuk mengendalikan tug...
daripada 2024-04-06 19:54:23
0
1
444
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Tunjukkan panel sisi tersembunyi: ditandai Saya ingin mempunyai menu navigasi dalam panel sisi dengan keupayaan untuk beralih kepada ...
daripada 2024-04-06 15:49:33
0
1
319
Patutkah kita menggunakan SSG untuk menggunakan papan pemuka yang dibuat dengan Nuxt.js? Kami akan membangunkan papan pemuka untuk kegunaan dalaman menggunakan Nuxt.js. Memandangk...
daripada 2024-04-06 13:17:44
0
1
493
Elektron mendapat AppData pada pramuat Bagaimana untuk mendapatkan direktori AppData yang dipramuat? Background.js[...]asyncfunct...
daripada 2024-04-06 11:05:31
0
1
417
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