Heim > Artikel > tägliche Programmierung > Wie erreiche ich einen Text-Flash-Effekt in js? (Bilder + Videos)
Wie erreiche ich einen Text-Flash-Effekt in js? (Bilder + Videos)
- 藏色散人Original
- 2018-10-18 09:38:497780Durchsuche
In diesem Artikel wird hauptsächlich die Verwendung von js zum Erzielen von Textflash-Effekten vorgestellt.
Im Prozess des Front-End-Seitendesigns kann das Hinzufügen einiger dynamischer Spezialeffekte den Inhalt der Website offensichtlich reicher und schöner machen und die Aufmerksamkeit der Benutzer auf sich ziehen.
Für Front-End-Neulinge kann es schwierig sein, mit js einige Spezialeffekte zu implementieren, aber eigentlich ist es sehr einfach.
Im Folgenden stellen wir Ihnen anhand eines einfachen Codebeispiels die Spezialeffektmethode von js vor, um das Blinken von Text zu erreichen . [Weitere js-Spezialeffekte finden Sie in der Spalte js-Spezialeffektcode-Download zum Anzeigen]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js实现文字闪烁特效</title>
</head>
<body>
<div id="blink">PHP中文网</div>
</body>
<script language="javascript">
function changeColor() {
var color = ['#F96','#cc6'];
// parseInt 将字符串类型转换为整型 random 获取0-1之间的随机数 color.length color数组的长度
document.getElementById("blink").style.color = color[parseInt(Math.random() * color.length)];
}
// 执行定义好的changeColor方法，200毫秒执行一下
setInterval("changeColor()", 200);
</script>
<style>
* {
color: #CC6
}
</style>
</html>Der endgültige Effekt ist wie folgt:
In diesem Artikel geht es um die js-Methode zum Erzielen eines Text-Flashing-Effekts. Er ist auch sehr einfach und leicht zu verstehen.
Weitere coole Javascript-Spezialeffektcodes finden Sie unter: Javascript-Spezialeffektsammlung
Wenn Sie mehr über Frontend-bezogenes Wissen erfahren möchten, können Sie dem PHP folgen Chinesische WebsiteJavaScript-Video-Tutorials, HTML-Video-Tutorials, CSS-Video-Tutorials, Bootstrap-Video-Tutorials und andere verwandte Tutorials, alle sind herzlich willkommen, sich darauf zu beziehen zu und lernen!
Das obige ist der detaillierte Inhalt vonWie erreiche ich einen Text-Flash-Effekt in js? (Bilder + Videos). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- Wie erreicht man abgerundete Ränder und kreisförmige Effekte in CSS? (Bild + Video-Tutorial)
- Wie erstelle ich einen CSS3-Randschatteneffekt? (Bilder + Videos)
- Wie erreicht man den langsamen Vergrößerungseffekt von Bildern, wenn man in CSS3 mit der Maus darüber fährt (Bild, Text + Video)?
- Wie kann man den Effekt erzielen, dass man in jquery durch Klicken auf die Webseite an den Anfang zurückkehrt? (Bilder + Videos)
- Wie implementiert man einen Hintergrundfarbverlauf in CSS3? (Bilder + Videos)