注册 登录 充值会员 退出
毕业设计 PHP源码
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-04-01
可关闭的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>