<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标签里面,基本功能已经实现
现在不知道关闭怎样写,求指教,代码或者思路

解决方案 »

  1.   


    <a href='javascript:$("#top-alert").remove();'>×</a>
      

  2.   

    自己搞定了
    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;
    }