javascript特效代码

admin 31 0

以下是一个简单的 JavaScript 特效代码,它会在网页上创建一个闪烁的文本效果:

<!DOCTYPE html>
<html>
<head>
 <title>闪烁文本特效</title>
 <style>
 #flashing-text {
 font-size: 24px;
 color: red;
 }
 </style>
</head>
<body>
 <div id="flashing-text">Hello, world!</div>

 <script>
 var text = document.getElementById("flashing-text");
 var isBlinking = true;

 setInterval(function() {
 if (isBlinking) {
 text.style.visibility = "hidden";
 } else {
 text.style.visibility = "visible";
 }
 isBlinking = !isBlinking;
 }, 500);
 </script>
</body>
</html>

这个代码会在网页上创建一个红色的文本 "Hello, world!",并使用 JavaScript 的 `setInterval` 函数来周期性地改变文本的可见性,从而创建闪烁效果,你可以根据需要调整文本的颜色、字体大小、闪烁频率等参数。