Heim >Web-Frontend >js-Tutorial >js-Methode zum Erlernen von Text-Flashing-Effekten_Javascript-Fähigkeiten

js-Methode zum Erlernen von Text-Flashing-Effekten_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:25:261652Durchsuche

Das Beispiel in diesem Artikel beschreibt den Code zum Realisieren von Spezialeffekten für die Provinz- und Kommunalverknüpfung. Er wird allen als Referenz zur Verfügung gestellt. Die Details sind wie folgt:

Operationsrendering:

Implementierungsprinzip: Verwenden Sie das Stilobjekt, um CSS-Attribute festzulegen, und kombinieren Sie es mit dem Timer, um js zu implementieren und Textflashing-Effekte zu erzielen.

Der spezifische Code lautet wie folgt

<html>
 <head>
 <meta charset="gb2312" />
 <title>js实现文字闪烁特效</title>
 </head>
<script>
 var flag = 0;
 function start(){
 var text = document.getElementById("myDiv");
 if (!flag)
 {
 text.style.color = "red";
 text.style.background = "#0000ff";
 flag = 1;
 }else{
 text.style.color = "";
 text.style.background = "";
 flag = 0;
 }
 setTimeout("start()",500);
 }
</script>
 <body onload="start()">
 <span id="myDiv">css的世界是如此的精彩!</span>
 </body>
</html>

Kopieren Sie den Code und er wird ausgeführt.

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

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