发布时间:2026-10-03 03:43:01 浏览次数:0
下面是JS实现文字闪烁特效的方法的完整攻略:
@keyframes blink {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.blink {
animation: blink 1s ease-in-out infinite;
}
<span >这里是闪烁的文字</span>
```
```
function blink_text() {
var blink = document.querySelectorAll('.blink');
for (var i = 0; i < blink.length; i++) {
if (blink[i].style.opacity === '0') {
blink[i].style.opacity = '1';
} else {
blink[i].style.opacity = '0';
}
}
}
setInterval(blink_text, 1000);
<span >这里是闪烁的文字</span>
```
```