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

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

淘建站为您提供更多_手机特效_弹出层_提示框_弹出层，在此特别感谢您对我们的支持与厚爱！

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();
}