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

来源:https://www.sucaihuo.com/js/709.html 2016-01-26 20:31浏览(1374) 收藏

本文演示了淘宝手机站的警告提示框,弹出层操作方法很简单,可自定义提示框显示内容和隐藏时间。
jQuery仿天猫手机站信息提示弹出层
分类:手机特效 > 弹出层 难易:入门级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

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();
}
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2