昨天,想仿照人人网做一个标题闪烁的功能(简单的js代码),就是当有人你发新消息的时候标题闪烁,用js实现 【新消息】什么玩个人主页 《==》【 】什么玩个人主页 切换。代码其实很简单,遇到的一个问题就是,当在标题中输入多个空格时,只显示一个空格。解决方案是:把输入法切换到 中文全角 ,然后多个空格就可以显示了。
<!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>
<script type="text/javascript">
var step=0;
var tit=document.title;
function flash_title(){
step++;
if (step==3) {step=1;}
if (step==1) {document.title='【新消息】 '+tit;} //中文全角空格
if (step==2) {document.title='【'+' '+'】 '+tit;} //中文全角空格
setTimeout("flash_title()",1000);
}
window.onload=function(){
flash_title();
}
</script>
</head>
<body>
</body>
</html>