窗口失去焦点是滚动标题，获得焦点后不滚动

模板网 2015-08-12

效果要求：

窗口失去焦点是滚动标题，获得焦点后标题不滚动。

效果见代码。

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>天苍苍野茫茫，风吹草低见牛羊！</title>
</head>
<body>
窗口失去焦点是滚动标题，获得焦点后标题不滚动。
<script>
	var title_o = document.title;
	var sTimer = null;
	function titleMarquee(flag){
		if(flag){
			sTimer = setInterval(function(){
				with(document){
					title = title.substring(1,title.length)+title.substring(0,1);
				}
			},500);
		}else{
			clearInterval(sTimer);
			document.title = title_o;
		}
	}
	window.onfocus = function(){
		titleMarquee(false);
	}
	window.onblur = function(){
		titleMarquee(true);
	}
</script>
</body>
</html>

相关文章

  1. 非常简洁的网页Tab效果setTab

    网页上使用频率最高的Tab标签效果，封装成了一个setTab函数，使用方法非常简单。 setTab函数完整代码： 复制代码 代码如下: script function setTab(name, cursel, n) { for (i = 1; i = n; i++) { var menu = document.getElementById(name + i); var con =

  2. 手机站底部快速问医生动态图标效果

    手机站底部快速问医生动态图标效果，手机站底部常用的快速问医生效果实现。 完整代码： 复制代码 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.

  3. flash图片轮播bcastr4

    flash图片轮播bcastr4,flash实现的图片轮播播放器效果。包含一个slide.swf和一个配置文件config.xml。使用起来简单方便。 示例打包下载： flash图片轮播bcastr4 测试请上传到服务器上。 使用代码： 复制代码 代码如下: object id=bcastr4 data=swf/slide.swf

  4. 纯JS写的右下角QQ抖动效果

    纯JS写的右下角QQ抖动效果，代码简单容易理解修改。 复制代码 代码如下: script /*** 窗口抖动 ***/ function shake(){ var a=[bottom,right],b=0; var u=setInterval(function(){ document.getElementById(lovexin1).style[a[b%2]]=(b++)%42?0:4 + px; if(b

  5. 网页浮动窗口跟随页面上下滑动效果

    网页浮动窗口跟随页面上下滑动效果，当网页滚动条向下滚动的时候，该浮动窗口也会向下滑动。 核心代码： 复制代码 代码如下: script var tips; var theTop = 100; /*这是默认高度,越大越往下*/ var old = theTop; window.onload=function(){ initFloatTips()

随机推荐

  1. 非常简洁的网页Tab效果setTab

    网页上使用频率最高的Tab标签效果，封装成了一个setTab函数，使用方法非常简单。 setTab函数完整代码： 复制代码 代码如下: script function setTab(name, cursel, n) { for (i = 1; i = n; i++) { var menu = document.getElementById(name + i); var con =

  2. 手机站底部快速问医生动态图标效果

    手机站底部快速问医生动态图标效果，手机站底部常用的快速问医生效果实现。 完整代码： 复制代码 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.

  3. flash图片轮播bcastr4

    flash图片轮播bcastr4,flash实现的图片轮播播放器效果。包含一个slide.swf和一个配置文件config.xml。使用起来简单方便。 示例打包下载： flash图片轮播bcastr4 测试请上传到服务器上。 使用代码： 复制代码 代码如下: object id=bcastr4 data=swf/slide.swf

  4. 纯JS写的右下角QQ抖动效果

    纯JS写的右下角QQ抖动效果，代码简单容易理解修改。 复制代码 代码如下: script /*** 窗口抖动 ***/ function shake(){ var a=[bottom,right],b=0; var u=setInterval(function(){ document.getElementById(lovexin1).style[a[b%2]]=(b++)%42?0:4 + px; if(b

  5. 网页浮动窗口跟随页面上下滑动效果

    网页浮动窗口跟随页面上下滑动效果，当网页滚动条向下滚动的时候，该浮动窗口也会向下滑动。 核心代码： 复制代码 代码如下: script var tips; var theTop = 100; /*这是默认高度,越大越往下*/ var old = theTop; window.onload=function(){ initFloatTips()