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

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:

<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.