使用JavaScript制作浏览器标题栏闪烁效果，以面向对象的方式方式封装了JS。当你遭遇了Backbone，就会习惯JS也面向对象，也会习惯JS也MVC分离。就像这种JS风格，我喜欢。扯远了，呵呵。
不废话了，直接贴代码。
<html>
<head>
<title>JS效果-浏览器标题栏闪烁</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<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>
</head>
<body >
点击页面取消消息闪烁提示
</body>
</html>
本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130620/38739.html
js判断浏览器:JS特效-浏览器标题栏闪烁
时间： 2024-11-02 07:25:26
js判断浏览器:JS特效-浏览器标题栏闪烁的相关文章
JS判断是否360安全浏览器极速内核的方法_javascript技巧
本文实例讲述了JS判断是否360安全浏览器极速内核的方法.分享给大家供大家参考.具体分析如下: 360安全浏览器极速内核,在非360网站的navigator.userAgent是: "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1",用的全是原生的谷歌浏览器的userAgent: 而360自己的网站的navigator.u
JS判断是否在微信浏览器打开的简单实例(推荐)_javascript技巧
最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去.在分享页面上提供公司APP的下载.但是在很多应用的浏览器中,点击下载链接无法下载应用.那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面.通过js就可以判断当前页面是在什么浏览器打开的. 以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开.当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以判断是
js判断是否在微信浏览器中打开
原文:js判断是否在微信浏览器中打开 用JS来判断了,经过查找资料终于实现了效果,直接上代码 function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; } } <!DOCTYPE html><html><head
用js判断是否为360浏览器的实现代码
以下代码在360安全浏览器5 和 6 版本中 可用 <script> var check360browser={ //如果是360 浏览器的话 "ok":function (){ //这里是判断360成功之后的代码 alert('js -> 360'); }, "try360SE":function (callback) { var ret = false, img = new Image(); img.src = 'res://360se.ex
用js判断是否为360浏览器的实现代码_javascript技巧
以下代码在360安全浏览器5 和 6 版本中 可用 <script> var check360browser={ //如果是360 浏览器的话 "ok":function (){ //这里是判断360成功之后的代码 alert('js -> 360'); }, "try360SE":function (callback) { var ret = false, img = new Image(); img.src = 'res://360se.exe
js判断浏览器类型,版本的代码(附多个实例代码)_javascript技巧
在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子.浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本. JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判
完美兼容多浏览器的js判断图片路径代码汇总_javascript技巧
第一种方式 //检查图片是否存在 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //没有图片,则返回-1 if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) { alert(imgurl + '存在'); } else { alert(imgurl +
JavaScript判断是否是微信浏览器_javascript技巧
先给大家说下实现原理 根据判断UA中是否有关键字micromessenger,有的话则是微信内置浏览器 实现代码如下所示: //判断是否微信登陆 function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, lik
js判断手机号运营商的方法_javascript技巧
本文实例讲述了js判断手机号运营商的方法.分享给大家供大家参考.具体如下: 在做WEB项目时,有时候需要根据用户的输入手机号码判断该号的运营商是移动.联通.电信或其他,再根据不同的运营商做出相应的处理,下面介绍js中如何判断手机号的运营商的代码. js实现方法: var isChinaMobile = /^134[0-8]\\d{7}$|^(?:13[5-9]|147|15[0-27-9]|178|18[2-478])\\d{8}$/; //移动方面最新答复 var isChinaUnion =