Vollständiges Beispiel eines schwebenden Fensters, das mit JS_Javascript-Kenntnissen gezoomt, gezogen, geschlossen und minimiert werden kann

Das Beispiel in diesem Artikel beschreibt die JS-Methode zur Implementierung eines schwebenden Fensters, das gezoomt, gezogen, geschlossen und minimiert werden kann. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

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