窗口失去焦点是滚动标题,获得焦点后不滚动
效果要求:
窗口失去焦点是滚动标题,获得焦点后标题不滚动。
效果见代码。
<!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>
相关文章
- 非常简洁的网页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 =
- 手机站底部快速问医生动态图标效果
手机站底部快速问医生动态图标效果,手机站底部常用的快速问医生效果实现。 完整代码: 复制代码 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.
- flash焦点图效果slide.swf体积超小,调用方便
flash焦点图效果slide.swf体积超小,调用方便,swf文件大小只有10K,图片随机切换效果。 代码打包下载: flash焦点图效果slide.swf体积超小,调用方便 效果截图: 代码解释: 复制代码 代码如下: script language=javascript linkarr = new Array(); //定义
- JS小太阳在页面移动
JS小太阳在页面移动,移到小太阳上有文字提示,点击可进行咨询。 效果截图:
- 纯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
随机推荐
- 非常简洁的网页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 =
- 手机站底部快速问医生动态图标效果
手机站底部快速问医生动态图标效果,手机站底部常用的快速问医生效果实现。 完整代码: 复制代码 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.
- flash焦点图效果slide.swf体积超小,调用方便
flash焦点图效果slide.swf体积超小,调用方便,swf文件大小只有10K,图片随机切换效果。 代码打包下载: flash焦点图效果slide.swf体积超小,调用方便 效果截图: 代码解释: 复制代码 代码如下: script language=javascript linkarr = new Array(); //定义
- JS小太阳在页面移动
JS小太阳在页面移动,移到小太阳上有文字提示,点击可进行咨询。 效果截图:
- 纯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