网站标题特效集合
js判别 页里切换时,题目 转变
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF- 八">
<title>this is a test</title>
<script>
document.addEventListener('visibilitychange',function(){
if(document.visibilityState=='hidden') {
normal_title=document.title;
document.title='(づ ̄ 三 ̄)づ';
}
else
document.title=normal_title;
});
</script>
</head>
<body>
<p>very 六 六 六 六 六!</p>
</body>
</html>
此段代码 正在切换页里后主动 转变 题目 。js的单纯运用 。
题目 明灭 ,您有新欠新闻 殊效
简练 版
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf- 八" />
<title>无题目 文档</title>
</head>
<body>
<script language="JavaScript">
step=0
function flash_title()
{
step++
if (step== 三) {step= 一}
if (step== 一) {document.title='【您有新的新闻 】'}
if (step== 二) {document.title='【 】'}
setTimeout("flash_title()", 三 八0);
}
flash_title()
</script>
思源专客思源思源思源思源思源思源思源小哥哥
</body>
</html>
兼容版
<script language="JavaScript">
setTimeout('flash_title()', 二000); // 二秒后来挪用 一次
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)', 三 八0);
}
//断定 窗心是可最小化
//正在Opera外借不克不及 隐示
var isMin = false;
function isMinStatus() {
//除了了Internet Explorer阅读 器,其余支流阅读 器均支撑 Window outerHeight 战outerWidth 属性
if(window.outerWidth != undefined && window.outerHeight != undefined){
isMin = window.outerWidth <= 一 六0 && window.outerHeight <= 二 七;
}else{
isMin = window.outerWidth <= 一 六0 && window.outerHeight <= 二 七;
}
//除了了Internet Explorer阅读 器,其余支流阅读 器均支撑 Window screenY 战screenX 属性
if(window.screenY != undefined && window.screenX != undefined ){
isMin = window.screenY <⑶0000 && window.screenX <⑶0000;//FF Chrome
}else{
isMin = window.screenTop <⑶0000 && window.screenLeft <⑶0000;//IE
}
return isMin;
}
</script>
阅读 器题目 滑动赛马 灯
<!DOCTYPE html PUBLIC "-//W 三C//DTD XHTML 一.0 Transitional//EN"
"http://www.w 三.org/TR/xhtml 一/DTD/xhtml 一-transitional.dtd">
<html xmlns="http://www.w 三.org/ 一 九 九 九/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf- 八" />
<title>TITLE栏上滑动的文字</title>
<script language=javascript >
var text=document.title
var timerID
function newtext() {
clearTimeout(timerID)
document.title=text.substring( 一,text.length)+text.substring(0, 一)
text=document.title.substring(0,text.length)
timerID = setTimeout("newtext()", 一00)
}
</script>
</head>
<body onload="newtext()"></body>
</body>
</html>
<html>
<head>