欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程

目录导航

Javascript特效之浏览器标题栏闪烁

韩国高防服务器 添加于 2013-11-02   js特效
javascript教程
使用JavaScript制作浏览器标题栏闪烁效果,面向对象方式实现、使用简单。下面直接贴代码
<script type="text/javascript">
// 使用message对象封装消息
var message = {
	time  : 0,
	title : document.title,
	timer : null,
	
	// 显示新消息提示
	show : function() {
		var title = message.title.replace("【   】", "").replace("【新消息】", "");
		// 定时器,设置消息切换频率闪烁效果就此产生
		message.timer = setTimeout(
			function() {
				message.time++;
				message.show();
				if (message.time % 2 == 0)
				{
					document.title = "【新消息】" + title
				}
				else {
					document.title = "【   】" + title
				};
			}
			, 600	// 闪烁时间差
		);
		return [message.timer, message.title];
	},

	// 取消新消息提示
	clear : function() {
		clearTimeout(message.timer);
		document.title = message.title;
	}
};
message.show();

// 页面加载时绑定点击事件,单击取消闪烁提示
function bind()
{
	document.onclick = function()
	{
		message.clear();
	};
}
</script>
调用方法很简单:message.show();
需要停止闪烁直接调用:bind();
如:<body onload="bind();">

零度科技原文链接:http://www.ldisp.com/a/javascript/2013/2270.shtml

上一篇:如何让搜索引擎抓取AJAX内容?
下一篇:Javascript特效之浏览器标题栏打字效果(逐个文字显示)

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

0

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理