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

可关闭的jQuery右下角浮动提示框窗口代码-精品资源网
可关闭的jQuery右下角浮动提示框窗口代码
此内容为免费资源,请登录后查看
0
免费资源

可关闭的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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容