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
Ubuntu erlaubt standardmäßig keine Root-Anmeldung...
Nach dem Kauf eines Alibaba Cloud-Servers müssen ...
Code kopieren Der Code lautet wie folgt: window.l...
MySQL 5.7.20 Zip-Installation, der spezifische In...
Inhaltsverzeichnis Vue+ElementUI-Hintergrundverwa...
rm-Befehl Der Befehl rm wird von den meisten Benu...
Inhaltsverzeichnis Wirkungsdemonstration:Hauptimp...
In MySQL verwenden wir häufig order by zum Sortie...
konsole.log( [] == ![] ) // wahr console.log( {} ...
1. Einführung in Keepalived Keepalived wurde ursp...
Inhaltsverzeichnis Einführung Unterscheiden Sie z...
beschreiben: fuser kann anzeigen, welches Program...
Der MySQL-Dienst wird gestartet, aber es kann kei...
Verstehen Sie zunächst eine Methode: Aufrufen ein...
Meine Empfehlung Lösung für die Koexistenz mehrer...