当前位置:首页 > 技术文章 > WEB开发 > Javascript

JS超简单实现网页背景的闪烁效果

发布时间:2017-12-12 18:26:19 作者:superl 来源:superl\'s blog 点击量:

最新在开发一款在线客服系统,使用ajax技术,动态的获取新消息,并增加到聊天内容的div块中。上一篇文章解决了滚动条的问题。这一片主要实现的是新消息的提醒,让新消息到达醒目一点点~~

 

JS超简单实现网页背景闪烁效果,只需要下面3个函数即可:

 

function blinkOn(){
    document.body.style.background="#66CCCC";
    nTimes++;
    JSCTimeOutID = window.setTimeout("blinkOff()",150);
}

function blinkOff(){
    document.body.style.background="#F8F8F8";//改变背景色
    if (nTimes < 3)
        JSCTimeOutID = window.setTimeout("blinkOn()",150);

}

function blinkit() {
    nTimes = 0;
    JSCTimeOutID = window.setTimeout("blinkOn()",50);
}

 

使用方法也很简单,在需要触发闪烁效果的JS代码之后,添加 blinkit();  即可。

如有转载,请注明出处!《JS超简单实现网页背景的闪烁效果》的原文地址:http://www.superl.org/post-JScjdsxwybjdssxg.html

本文链接:http://www.topjishu.net/article/75.html,如有转载,请注明出处!


关键词:网页背景闪烁


版权声明:TOP技术学院所发布内容部分为原创发布,本着技术分享的精神,也有部分收集整理来自互联网,对于来源明确的内容,会严格注明出处。收集整理的内容本平台不拥有所有权,也不承担相关法律责任。如果您发现本平台中有涉嫌抄袭的内容,可以联系管理员进行举报,并提供相关证据,一经查实,本平台将立刻删除涉嫌侵权内容。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表