Heim > Web-Frontend > Layui-Tutorial > So verwenden Sie die Spitzenschicht von Lauii

So verwenden Sie die Spitzenschicht von Lauii

藏色散人
Freigeben: 2020-12-04 10:59:43
Original
4246 Leute haben es durchsucht

So verwenden Sie die Tips-Ebene von Laui: Führen Sie zuerst die Dateien „layer.css“ und „layer.js“ ein und verwenden Sie dann das Codeformat als „layer.tips(msg, ‚#id‘, {tips: 1}, time: 10000)" ;Stellen Sie abschließend die relevanten Parameter ein.

So verwenden Sie die Spitzenschicht von Lauii

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Laui-Version 2.4. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „Javascript Basic Tutorial“ „LayUI-Tutorial

Verwendung von Tipps in Laui

1. Stellen Sie die Dateien „layer.css“ und „layer.js“ vor

2. Parametereinführung:

rrree

Diese drei sind erforderliche Parameter und haben auch andere grundlegende Parameter der Ebene, wie z. B. Zeit (ob vorübergehend geschlossen werden soll), Fläche (Breite und Höhe des Felds festlegen) und Schatten schließen (ob zum Schließen auf die Maskenebene geklickt werden soll). ), usw.

3. Codebeispiel:

layer.tips(content, follow, options) - tips层
{
content:tooltip内容可以是str,也可以是html代码
follow:依附的元素,一般用id表示
如果依附的元素是自己直接用this即可,如果是在其他元素的事件(比如点击)里面,记得更改this指向。
options:tips的配置型[tips位置:1上;2右;3下;4左,字体的颜色]
}
Nach dem Login kopieren

Wenn wir es nicht regelmäßig schließen, sondern über die Anzeige gleiten möchten, um einen versteckten Effekt zu erzielen, können wir mit den Ereignissen „mouseenter“ und „mouseleave“ zusammenarbeiten. Der Zeitwert ist zu diesem Zeitpunkt 0 , wie

layer.tips(msg, '#id',{tips: 1},time:10000)
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Spitzenschicht von Lauii. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage