一些关于网页标题的动态js特效
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 οnlοad="newtext()"></body>
</body>
</html>
<html>
<head>
一些关于网页标题的动态js特效相关推荐
- 卡通猫咪鼠标跟随动态js特效
下载地址 一款卡通猫咪鼠标跟随动态特效,该特效实现了猫咪眼睛跟随鼠标移动的动画效果,可用作网页插画.网页背景等 dd:
- Canvas粒子交叉线条背景动态js特效
下载地址 Canvas粒子交叉线条背景动态特效,圆点鼠标经过连线交叉悬浮动画特效. dd:
- 唯美网页烟花绽放动画js特效
下载地址 一款唯美网页烟花绽放动画特效,烟花最美的时候就是绽放的那一刻,该特效呈现了各种颜色的烟花绽放的动画效果,全屏展示,精简易用. dd:
- html5 canvas网页下雨场景动画js特效
下载地址一款透明的html5 canvas网页下雨场景动画特效,有意思的是按钮就像雨伞一样可以挡住雨水. dd:
- 炫酷JavaScript转盘时钟动态js特效
下载地址 一款炫酷JavaScript转盘时钟动态特效,该时钟跟随系统时间,设计并计算了每个时刻指针所走过的角度,效果真实逼真. dd:
- 网页中常用的js特效
1.剩余文字数提醒 <script type="text/javascript"> //文本框剩余字数提示(字符大小) function textLimitCh ...
- 怎么改vue项目的标题_Vue动态修改网页标题的方法及遇到问题
业务需求,进入页面的时候,网页有个默认标题,加载的网页内容不同时,标题需要变更. 例:功能授权,功能授权(张三). Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案: 一.最笨方案 ...
- Html5+CSS3+JS代码实现圣诞节动态表白特效,祝你成功
一.前言 临近平安夜.圣诞节的到来,又是一波大好表白时机!身边的同学马上就要动手了,还不快行动起来,程序员也有属于我们的浪漫!这篇文章使用前端三大技术Html5.CSS.Js来实现圣诞动态表白特效. ...
- 冬天来了,分享几个网页下雪js特效
纯CSS实现的网页上下雪动画特效 h5圣诞下雪网页动态背景特效 gsap.js雪花网页特效代码 canvas下雪背景特效
最新文章
- 90. Subsets II 1
- qdebug重定向_每个Qter都该知道的qDebug
- 炫“库”行动-人大金仓征文大赛—数据领域“新·独角兽”
- Oracle查看死锁 .
- mysql create很多table,SQL CREATE TABLE 语句
- Java—jsp编程
- 微积分学习笔记五:多元函数微积分
- Spring Boot一个极简且完整的后台框架
- 请拆招:将两个已排序集合分解成两个独立部分的集合和一个共有部分的集合?...
- Pytorch:函数的手动梯度计算方法
- python基础知识2——基本的数据类型——整型,长整型,浮点型,字符串
- 通过SecureCRT工具从远程Linux服务器下载文件到本地Windows
- SQL中Case的使用方法(上篇)
- SQLSERVER 恢复挂起
- 设计三极管放大电路有哪些技巧?尤其是假设
- [转载][路由器] k2p支持ipv6相关设置
- 数据库:mongodb安装教程、配置账号密码
- python re正则提取ip地址_Python正则表达式匹配和提取IP地址
- 辛甫生算法c语言,[转载]实变函数,计算方法程序,康托图
- STK12已出,STK 12 新特性介绍