css可以让网页文字闪烁吗?

html-css09

css可以让网页文字闪烁吗?,第1张

这句css代码就是文字闪烁text-decoration:blink不过很可惜,IE、Chrome 或 Safari 不支持 "blink" 属性值,所以只有在 Firefox 和 Opera 下支持这 CSS 实现在闪动效果。

加上js代码就可以了

html代码

<span id="blink">闪烁文字</span>

JavaScript代码:

<script type = "text/javascript" >

function blinklink() {

if (!document.getElementById('blink').style.color) {

document.getElementById('blink').style.color = "red"

}

if (document.getElementById('blink').style.color == "red") {

document.getElementById('blink').style.color = "black"

} else {

document.getElementById('blink').style.color = "red"

}

timer = setTimeout("blinklink()", 100)

}

function stoptimer() {

clearTimeout(timer)

}

blinklink()

</script>

CSS实现文字透明效果可以使用Opacity 属性即可满足。

CSS opacity 属性相关介绍和案例:

浏览器支持:所有浏览器都支持 opacity 属性。

定义和用法

A、opacity 属性设置元素的不透明级别。

B、默认值:1。

C、继承性:no。

D、版本:CSS3。

E、JavaScript 语法:object.style.opacity=0.5。

语法:opacity: value|inherit。

A、value:规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。

B、应该从父元素继承 opacity 属性的值。

实例:设置 div 元素的不透明级别。

div{opacity:0.5} //透明度为0.5,半透明。

注释:

A、IE8 以及更早的版本支持替代的 filter 属性。例如filter:Alpha(opacity=50)。

把文字放在一个span里面 <span id="ChangeColor">随机文字<span>

再用JQ使其变色,

var v_text = $("#ChangeColor").text()

if(v_text == "迟到" || v_text=="早退"){

$("#ChangeColor").css("color","red")

}else{

$("#ChangeColor").css("color","black")

}