Umsetzungsideen: Verwenden Sie Effektbild: Der Code lautet wie folgt: </Kopf> <Stil> Körper{ Hintergrundfarbe: #000; } .textArea{ Schriftgröße: 100px; Farbe: #fff; Textschatten: 0 0 5px #e0ea33, 0 0 15px #e0ea33, 0 0 25px #e0ea33; Rand oben: 200px; Textausrichtung: zentriert; } </Stil> <Text> <p class="textArea">帅</p><!--Textinhalt hier--> </body> <Skript> var text = document.querySelector ('.textArea'); //Holen Sie sich unser P-Tag //Auslösen, wenn der Mauszeiger das P-Tag betritt text.onmouseenter = function () { text.innerHTML = 'Ich bin dein Vater'; //Setze das HTML zwischen den P-Tags }; //Auslösen, wenn der Mauszeiger das P-Tag verlässt text.onmouseleave=function(){ text.innerHTML = 'cool'; //HTML zwischen P-Tags festlegen }; </Skript> Zusammenfassen Oben sehen Sie die CSS-Implementierung von leuchtendem Text und ein paar JS-Spezialeffekten, die vom Editor eingeführt wurden. Ich hoffe, es wird allen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten! |
<<: Die Neugestaltung einer Website ist für jede Familie eine schwierige Aufgabe
>>: Lösung für Docker-Container, der Schriftarten wie Songti nicht erkennt
Nehmen Sie als Beispiel die Installation von MySQ...
Vorwort Einige der früheren Codes auf Github erfo...
1. Hintergrund 1.1 Probleme In einem aktuellen Pr...
1. Umsetzungsideen Der Zweck der Schnittstellensi...
1. MySQL herunterladen URL: https://dev.mysql.com...
Inhaltsverzeichnis 1. Live-Übertragungseffekt 2. ...
Inhaltsverzeichnis 1. Server 2. Kunde 3. Testdien...
1. Herunterladen Laden Sie mysql-5.7.19-linux-gli...
eins. wget https://dev.mysql.com/get/mysql57-comm...
1. Herunterladen und entpacken 1. Einführung in Z...
Inhaltsverzeichnis 1. Installationsvorbereitung 1...
Bildung des Gittersystems Im Jahr 1692 war der fr...
Nach dem Einrichten des MySQL-Master-Slaves wisse...
Heute habe ich eine Frage zur Konfiguration einer...
Inhaltsverzeichnis 1. Rendern 2. Daten binden und...