<div id="top-alert" style="display:none;"></div>
var msgStack = [
{ name:"您好用户",msg:"欢迎登陆本操作平台"}
]
if(!checkbrowser()) msgStack.push({ name:"温馨提示",msg:"检测到您正在使用的浏览器过时,为了能达到最佳性能,请升级或者更换其他内核浏览器"})
$(document).ready(function(){
$('#top-alert').html("<span>"+msgStack[0].name+":</span>"+msgStack[0].msg+"<a href='javascript:void(0)'>×</a>");
for( var i in msgStack){
//alert(msgStack[i].name)
$('#top-alert').slideDown(1000).delay(5000).slideUp(500,function(){
$('#top-alert').html("<span>"+msgStack[i].name+":</span>"+msgStack[i].msg+"<a href='javascript:void(0)'>×</a>");
}).delay(500);
}
})
function checkbrowser(){
if(($.browser.webkit || $.browser.safari)&&parseInt($.browser.version)>=400)
return true;
else if($.browser.opera&&parseFloat($.browser.version)>=10.5)
return true;
else if($.browser.mozilla&&parseInt($.browser.version)>=3)
return true;
else if($.browser.msie&&parseInt($.browser.version)>=10)
return true;
else
return false;
}这是部分代码。基本功能类在浏览器顶部一个div slideDowm 和 sildeUp,每一次往返运动更新一条信息,信息从msgStack读取,滑出之后停留一段时间自动滑入,带关闭按钮,在<div id="top-alert"></div>里的a标签里面,基本功能已经实现
现在不知道关闭怎样写,求指教,代码或者思路
<a href='javascript:$("#top-alert").remove();'>×</a>
var msgStack = [
{ name:"您好用户",msg:"欢迎登陆本操作平台"},
{ name:"测试信息",msg:"测试内容要长内容要长内容要长"}
]
if(!checkbrowser()) msgStack.push({ name:"温馨提示",msg:"检测到您正在使用的浏览器不是Webkit核心或者Gecko核心的浏览器,为了能达到最佳性能,请更新浏览器"})
$(document).ready(function(){
var msgId;
var hideInt;
var msgCounter;
var IntCounter;
function setMsgStr(index){
$('#top-alert-name').html(msgStack[index].name+":")
$('#top-alert-msg').html(msgStack[index].msg)
}
function hideMsg(){
$('#top-alert').slideUp(500,function(){
msgCounter++;
if(msgCounter <= msgStack.length-1){
setMsgStr(msgCounter)
$('#top-alert').slideDown(1000)
IntCounter = 0
} else {
window.clearInterval(msgId)
}
}).delay(500) }
function setInt(){
IntCounter++
if (IntCounter == hideInt){
hideMsg();
}
}
function startMsg(){
msgId = window.setInterval(setInt,1000);
hideInt = 7; //设置停留时间(s)
msgCounter = 0
IntCounter = 0
setMsgStr(0)
$('#top-alert').slideDown(1000)
}
startMsg()
$('#top-alert a').click(function(){
hideMsg()
msgId = window.setInterval(setInt,1000);
})
$('#top-alert').mouseenter(function(){
window.clearInterval(msgId)
}).mouseleave(function(){
msgId = window.setInterval(setInt,1000);
})
/*$('.AsButton-left:eq(0)').click(function(){
startMsg()
})*/
})
function checkbrowser(){
if(($.browser.webkit || $.browser.safari)&&parseInt($.browser.version)>=400)
return true;
else if($.browser.opera&&parseFloat($.browser.version)>=10.5)
return true;
else if($.browser.mozilla&&parseInt($.browser.version)>=3)
return true;
else if($.browser.msie&&parseInt($.browser.version)>=10)
return true;
else
return false;
}