1.当转换页面时，标题改变

<script>

document.addEventListener('visibilitychange',function(){

if(document.visibilityState=='hidden') {

normal_title=document.title;

document.title='(づ￣ 3￣)づ';

}

else

document.title=normal_title;

});

</script>

2.标题闪动，你有新的消息

<script language="JavaScript">

step=0

function flash_title()

{

step++

if (step==3) {step=1}

if (step==1) {document.title='【你有新的消息】'}

if (step==2) {document.title='【　　　　　　】'}

setTimeout("flash_title()",380);

}

flash_title()

</script>

也可以尝试浏览器兼容版

<script language="JavaScript">

setTimeout('flash_title()',2000); //2秒之后调用一次

function flash_title()

{

//当窗口效果为最小化，或者没焦点状态下才闪动

if(isMinStatus() || !window.focus)

{

newMsgCount();

}

else

{

document.title='订单管理中心-AOOXING';//窗口没有消息的时候默认的title内容

window.clearInterval();

}

}

//消息提示

var flag=false;

function newMsgCount(){

if(flag){

flag=false;

document.title='【新订单】';

}else{

flag=true;

document.title='【　　　】';

}

window.setTimeout('flash_title(0)',380);

}

//判断窗口是否最小化

//在Opera中还不能显示

var isMin = false;

function isMinStatus() {

//除了Internet Explorer浏览器，其他主流浏览器均支持Window outerHeight 和outerWidth 属性

if(window.outerWidth != undefined && window.outerHeight != undefined){

isMin = window.outerWidth <= 160 && window.outerHeight <= 27;

}else{

isMin = window.outerWidth <= 160 && window.outerHeight <= 27;

}

//除了Internet Explorer浏览器，其他主流浏览器均支持Window screenY 和screenX 属性

if(window.screenY != undefined && window.screenX != undefined ){

isMin = window.screenY < -30000 && window.screenX < -30000;//FF Chrome

}else{

isMin = window.screenTop < -30000 && window.screenLeft < -30000;//IE

}

return isMin;

}

</script>

3.浏览器标题滚动跑马灯

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>TITLE栏上滚动的文字</title>

<script language=javascript >

var text=document.title

var timerID

function newtext() {

clearTimeout(timerID)

document.title=text.substring(1,text.length)+text.substring(0,1)

text=document.title.substring(0,text.length)

timerID = setTimeout("newtext()", 100)

}

</script>

</head>

<body onload="newtext()"></body>

</body>

</html>

<html>

<head>

一些关于网页标题的动态js特效的更多相关文章

  1. 又到圣诞节，让你的网页下起雪(js特效)

    又到圣诞节,让你的网页下起雪(js特效) 在4年多前,我写过一个特效,就是让你的网页下起雨,它的效果就是在你打开的网站,雨点下满你的屏幕,恩,大概效果如下图: 当然这个效果还有一些附带项,比如风速.风 ...

  2. 网页标题(title)动态改变

    这是一只小白的突发奇想,实验多次终于有所效果.想要实现什么效果呢, 如图所示 :    要实现这个效果,大体需要两步. 第一,如何像打印似的一个一个字显示文字.要实现这个效果有多种方法.在这里我所运用 ...

  3. Vue动态修改网页标题

    业务需求,进入页面的时候,网页有个默认标题,加载的网页内容不同时,标题需要变更. 例:功能授权,功能授权(张三). Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案: 一.最笨方案 ...

  4. Hexo瞎折腾系列(9) - 网页标题崩溃特效

    前言 本系列的所有修改均基于本系列第一篇中的新增文件(譬如custom.js),请先自行阅读Hexo瞎折腾系列(1) - 准备工作与简单美化:并按照文章所说自行修改代码或文件. 为网页添加标题崩溃特效 ...

  5. js判断网页标题包含某字符串则替换

    js判断网页标题包含某字符串则替换,代码如下: var tit=document.title; if(tit.indexOf("afish")>0){ tit=tit.rep ...

  6. 150个JS特效脚本

    收集了其它一些不太方便归类的JS特效,共150个,供君查阅. 1. simplyScroll simplyScroll这个jQuery插件能够让任意一组元素产生滚动动画效果,可以是自动.手动滚动,水平 ...

  7. jquery无法修改网页标题，无法修改网页标题

    今天遇到一个问题,搜索时动态修改网页标题,用jquery的这段代码无效,无论FF还是IE $("title").html("new title"); 后来只好用 ...

  8. JS一般般的网页重构可以使用Node.js做些什么（转）

    一.非计算机背景前端如何快速了解Node.js? 做前端的应该都听过Node.js,偏开发背景的童鞋应该都玩过. 对于一些没有计算机背景的,工作内容以静态页面呈现为主的前端,可能并未把玩过Node.j ...

  9. jQuery闪烁提示，让新消息在网页标题显示

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head& ...

随机推荐

  1. Java链表常见操作【剑指Offer】03:从尾到头打印链表

    题目描述 输入一个链表,按链表从尾到头的顺序返回一个ArrayList. 题解一:递归 /* 在最后一次递归方法返回以后,每一层的递归方法都会做一个arrayList.add(listNode.val ...

  2. Github+Hexo一站式部署个人博客(原创)

    写在前面 注:博主 Chloneda:个人博客 | 博客园 | Github | Gitee | 知乎 本文源链接:https://www.cnblogs.com/chloneda/p/hexo.ht ...

  3. laravel上传git如何忽略你不想提交的文件

    1.在文件根目录下面有一个文件 .gitignore .gitignore文件用来忽略被指定的文件或文件夹的改动,被记录在.gitignore文件里的文件或文件夹,是无法被git跟踪到的,换句话说,被 ...

  4. HTML连载64-a标签伪类选择器的注意点与练习

    一.a标签的伪类选择器注意点 (1)a标签的伪类选择器可以单独出现,也可以一起出现.也就是可以设置多个状态的样式. (2) a标签的伪类选择器如果一起出现,那么有严格的顺序要求,编写的顺序必须要遵守原 ...

  5. ECMAScript基本语法——⑤运算符 比较运算符

    ><>=<======全等于 比较运算符 Java中只能比类型相同的,JavaScript没有限制比较方式 1.类型相同:直接比较 字符串:安装字典顺序比较.按位逐一比较直到比 ...

  6. 牛客练习赛53 C题bitset

    题目链接https://ac.nowcoder.com/acm/contest/1114/C #include<bits/stdc++.h> using namespace std; #d ...

  7. 关于向sql中插入datetime部分问题总结

    非int型数据要加单引号, 用format格式化当前时间后用String插入即可 读取时用时间戳读取datetime或转化为string存储 读 public static String gainTi ...

  8. MVC理解（全程白话不拽词）

    我所发的所有博客只为了给想干程序员,但是基础没有或者很差,刚入职场的人 所有的观点不一定准确,我不懂的或者不理解的都会备注出来 先说MVC MVC理解为:M  =  Model  =  数据库表里面每 ...

  9. C语言 删除排序链表中的重复元素

    给定一个排序链表,删除所有重复的元素,使得每个元素只出现一次. 示例 1: 输入: 1->1->2输出: 1->2示例 2: 输入: 1->1->2->3-> ...

  10. 自定义Ribbon客户端策略

    说明   为了实现Ribbon细粒度的划分,让调用不同的微服务时采用不同的客户端负载均衡策略, 通常情况下我们会自定义配置策略.   本文以内容中心(content-center)调用户中心微服务(u ...