jQuery仿天猫手机站信息提示弹出层

收藏

本文演示了淘宝手机站的警告提示框,弹出层操作方法很简单，可自定义提示框显示内容和隐藏时间。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

HTML

<a onclick="showMobileTip('请输入用户名')" >点击显示</a>

function showMobileTip(content) { //显示弹出层
    if ($("#mobile_tip_box").length == 0) {
        $("body").append("<div id='mobile_tip_box' class='mobile_tip_box'>" + content + "</div>")
    }
    $("#mobile_tip_box").show();
    setTimeout("hideMobileTipBox()", 1000)
}
function hideMobileTipBox() { //隐藏弹出层
    $("#mobile_tip_box").fadeOut();
}