css样式怎么来做闪光字?

html-css020

css样式怎么来做闪光字?,第1张

做闪光字可以用js代码来实现,纯css代码是很难实现的。JavaScript代码如下:

<div id="abc">这里是闪光的字</div>

<script>

var i=0

function shine(id){

var obj= document.getElementById(id)

if(i==0){obj.style.color="#000"i=1}else{obj.style.color="red"i=0}

}

setInterval("shine('abc')",100)

</script>

之前有整理过一部分知识点, 一直没有发布, 因为都是有关 CSS 方面的零散内容现在想想无论做什么都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给你们, 现在看到感觉还挺有意思 。

既然大家了解了 FOUC (无样式内容闪烁), 那么大家是否能够联想到 '白屏' 这种现象呢 ? 如果大家有兴趣可以留言讨论, 我将在之后的文章中, 给大家分享 '白屏' 的相关内容 。

用js做比较方便,,例子

<font id="blink" color="blue">blueidea</font>

<script>

setInterval(function(){blink.color=blink.color=='#0000ff'?'red':'blue'},100)

</script>