mysapce里提示有新消息时状态栏和标题栏的闪动效果

Question

一般的这样的效果都是js实现的，如果你要分析，最好是到myspace自己把代码抠出来分析

Answer 1

<script type="text/javascript">
function Indicator(){
var obj = {};
var timerData,timerView;
var intervalData=60000,intervalView=1000;
var highlightClass="cnViNavHightLight";
var callBackFun = "UserIndicator";
var requestUrl="http://ajaxv2.myspace.cn/_Common/AjaxService/IndicatorService.svc/json/GetUserIndicator?callback="+callBackFun+"&r=";
var msgNode=document.getElementById("cnViMsgIndicator");
var scriptNode=document.getElementById("IndicatorData");
var oldTitle=document.title;
var flag =  true;
var firstVisit = true;
obj.remoteCheck=function(){
function changeSrc(){
var leTag = document.createElement('script');
leTag.setAttribute('type', 'text/javascript');
leTag.setAttribute('src', requestUrl+Math.random());
scriptNode.innerHTML="";
scriptNode.appendChild(leTag);
} if(firstVisit){
changeSrc();
firstVisit = false;
obj.remoteCheck();
}else{
obj.stopCheck();
timerData=setInterval(changeSrc,intervalData);
}
};
obj.stopCheck=function(){
if(timerData){
clearInterval(timerData);
}
};
obj.createView=function(asMsg){
var lsMsg = "" ;

function toggleStyle(){
if (flag){
lsMsg = asMsg + "";
if(msgNode && msgNode.className.indexOf(highlightClass)==-1){
msgNode.className += " "+highlightClass;
}
}else{
var lxStr = [];
for(var i=0;i<asMsg.length; i++){
lxStr.push("　");
}
lsMsg = lxStr.join("");
if(msgNode && msgNode.className.indexOf(highlightClass)!=-1){
msgNode.className = msgNode.className.split(highlightClass).join("");
}
}
document.title = "【"+lsMsg+"】" + " - "+ oldTitle;
flag = !flag;
}
if (asMsg==""){
clearInterval(timerView);
document.title=oldTitle;
}else{
clearInterval(timerView);
timerView = setInterval(toggleStyle,intervalView);
}
};
return obj;
}
function initIndicator(){
if (navigator.userAgent.indexOf("IE") != -1) {
window.attachEvent("onload", indicator.remoteCheck);
} else {
window.addEventListener("load", indicator.remoteCheck, false);
}
}
var indicator = Indicator();
var UserIndicator = indicator.createView;
initIndicator();
</script>这是里面的代码
自己看看吧