So passen Sie die Größe des Popup-Felds in Laui an: Erstellen Sie zuerst eine neue HTML-Codeseite. Verwenden Sie dann den Link, um eine externe Layer-CSS-Datei zu verknüpfen. [“ in der Methode „layer.opren()“ ]“ Legen Sie einfach die Größe des Popup-Felds fest.
Empfohlen: „layUI-Tutorial“
Öffnen Sie das Front-End-Entwicklungstool, erstellen Sie eine neue HTML-Codepage
Suchen Sie nach dem
-Tag auf der Seite und verwenden Sie a Link hinter diesem Tag Externe Style-Datei „layer.css“<p><img src="https://img.php.cn/upload/image/164/916/295/1605666728677014.png" title="1605666728677014.png" alt="So passen Sie die Größe des Popup-Fensters in Laui an"></p>
<p>Fügen Sie die beiden externen Dateien „jquery.js“ und „layer.js“ nach der verknüpften Datei „layer.css“ ein, um ein Popup-Fenster zu erstellen. Erstellen Sie ein neues <script>-Tag und verwenden Sie dann layer.open() in diesem Tag, um eine Popup-Box-Funktion zu erstellen. </script></p>
<p>Popup-Box-Code erstellen: <img src="https://img.php.cn/upload/image/472/282/979/1605666732908481.png" title="1605666732908481.png" alt="So passen Sie die Größe des Popup-Fensters in Laui an"><pre class="brush:php;toolbar:false">layer.open({
type: 2,
content: "test.html"
})</pre></p>
<p></p>
<p>Sehen Sie sich den Popup-Box-Effekt an. Nachdem Sie die HTML-Codedatei gespeichert haben, öffnen Sie sie mit einem Browser. Zu diesem Zeitpunkt können Sie sehen, dass die Popup-Box-Funktion implementiert wurde</p>
<p><img src="https://img.php.cn/upload/image/796/844/341/1605666742814047.png" title="1605666742814047.png" alt="So passen Sie die Größe des Popup-Fensters in Laui an"></p>
<p>Ändern Sie die Größe der Popup-Box. Verwenden Sie „area:[]“ in der Methode „layer.opren()“, um die Breite/Höhe des Popup-Felds festzulegen. </p>
<p>Code: <img src="https://img.php.cn/upload/image/939/620/517/1605666746963699.png" title="1605666746963699.png" alt="So passen Sie die Größe des Popup-Fensters in Laui an"><pre class="brush:php;toolbar:false">layer.open({
type: 2,
area:["500px","400px"],
content: "test.html"
})</pre></p>
<p></p>
<p>Nachdem Sie den HTML-Code gespeichert und die Browserseite aktualisiert haben, können Sie sehen, dass die Größe des Popup-Fensters geändert wurde</p>
<p><img src="https://img.php.cn/upload/image/690/136/401/1605666754469863.png" title="1605666754469863.png" alt="So passen Sie die Größe des Popup-Fensters in Laui an"></p>
Das obige ist der detaillierte Inhalt vonSo passen Sie die Größe des Popup-Fensters in Laui an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
