可关闭的jQuery右下角浮动提示框窗口代码

十分简单实用的一款可关闭的jQuery网页右下角浮动提示框窗口代码，点击关闭后提示框窗口再次弹出显示下一条消息。

js代码

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script>
var tk_index=0;
var xx_num;
$(function(){
     xx_num=$(".tipfloat").attr("data-num");
    tankuan()

    $(".close").click(function(){
        $(".tipfloat").animate({height:"hide"},800);
        if(tk_index!=xx_num){
             setTimeout(tankuan,1000);
       }

    });
})

function tankuan(){
    if(tk_index!=xx_num){     
        $(".tipfloat").animate({height:"show"},800);
		
        //文本输出可删除
		$(".xx_nrong").html(tk_index);
        tk_index++;
     }
}

</script>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载