
用 Firefox 或者 Opera 的同学比较有眼福,可以看小站首页公告栏处,有一串红字 https://twitter.com/wange1228 强劲而有力的闪烁着,很显眼吧,嗯哼,要的就是这效果。无奈,今天偶遇传说中的文囧,就只好把这小儿科的效果拿出来讲讲。
这个效果其实很简单,仅是一句 CSS 就可以搞定,那就是 text-decoration:blink; 不过很可惜,IE、Chrome 或 Safari 不支持 "blink" 属性值,所以只有在 Firefox 和 Opera 下支持这 CSS 实现在闪动效果。
我倒是找到一个各浏览器通用的文字闪烁方法,那就是 JS,不过仅为一个公告就占一段 JS,好像有点太奢侈了,不是我的作风,还是贴上来供大家参考下吧。
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)
} < /script>
囧文到此结束,看能囧倒几位。


原来是这样的效果啊 哈哈~~ 还不错。。。现在投奔Fedora12 了。。。先用一段再说
囧,Chrome 弱弱飘过 ~
换FF再回来看,HIAHIA~
不錯啊~ 還不囧…
不知評論郵件有沒有問題?
邮件通知完全没有问题啊,很好!后台回复中~
这可以玩玩,看看效果如何
这个可以收藏!
切 眼花 不玩
闪的我头痛。。你丫就不能低调点 – -
为的就是让我的twiiter高调闪亮登场
果然囧~~很闪~但是毕竟不兼容IE
所以只是无聊玩玩而已
这个其实做成静态的也无妨
没事无聊就图个好玩,呵呵
代码中:使用setTimeout的话,执行一边就结束了,应使用setInterval每100秒跳跃一次
这样是不是更简单呢?
setInterval(function() {
var colorProp = document.getElementById(‘blink’).style.color;
if (!colorProp ) {
colorProp = “red”
}
if (colorProp == “red”) {
colorProp = “black”
} else {
colorProp = “red”
}
}, 100);
太妙了啊,我喜欢
呵呵,真逗啊,新年快乐啊
不抢沙发,CSS我看不懂
GR更新确实不及时啊……我还以为我沙发了,结果跑过来都第二页了………………
我的GR一直不正常。。。
为虾米我现在才收到RSS消息?上午我来就看到哦更新 了,RSS现在才提醒。
我的feed源有点问题,所以来抢沙发要靠运气了
做成颜色变换的一闪一闪更好。。
嗯,这样的话就不是纯CSS能搞定的吧
哈哈,好东西。
博主新年快乐!
Chrome下安了CubeMe扩展,结果万戈的首页整个是一个蓝色带问号立方体……看来是iPad禁区
蓝色带问号的立方体
你装的CubeMe是何方扩展,这么牛B
超级变态扩展,唯一的功能就是把Flash做成iPad里的效果。号称“Experience the web the way Steve intended”
蛮好玩的说
技术时间,潜水好好研究了。
话说document.getElementById(‘blink’).style.color这种修改方式会触发回流,是比较消耗资源的
JS高手来了,我完全不懂这个,网上抄来的。。。
打酱油
无视的路过
今天带排骨汤了
应该很好喝
哈哈哈
有空格。。破坏我的格式了