css的blink

html-css012

css的blink,第1张

只有firefox支持blink属性.所以建议你不要使用text-decoration的blink.

如果实在是想要blink,那么可以使用js实现.大概的代码如下:

http://zhidao.baidu.com/question/179979938.html?fr=qrl&cid=93&index=2&fr2=query只要对你想要blink的元素用一次BlinkObj函数就OK了

这句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>

语法:

text-decoration : none || underline || blink || overline || line-through

取值:

none : 默认值。无装饰

blink : 闪烁

underline : 下划线

line-through : 贯穿线

overline : 上划线

说明:

检索或设置对象中的文本的装饰。

有 href 特性的 a ,以及 u , ins 对象默认值为 underline 。

对象 strike , s , del ,默认值是 line-through 。

假如 none 值在属性声明的最后,所有的先前的其他取值都会被清除。例如,声明 text-decoration: underline overline blink none 等于声明 text-decoration: none 。

假如对象没有文本(如 img 元素)或者是空元素(如:<EM></EM>), 此属性不会发生作用。

假如你设置 body 对象的此属性值为 none , a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。

指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生,块对象容器最终会受到影响。

在IE4+中可用的值为 overline 和 blink 。虽然 blink 值被提供,但它不会被作用。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 textDecoration 。