摘要:需求做一个通用的弹出层提示框。要求位置上下左右居中只需要引入一个文件,调用一下。不要结构,不要样式表。
需求
做一个通用的弹出层提示框。要求:
1.位置上下左右居中,
2.只需要引入一个js文件,调用一下。不要html结构,不要样式表。
pupopTip.js文件
/*参数说明: * pupW 弹出层宽度 单位可以是px rem, 百分百 * pupH 弹出层高度 * pupText 弹出层提示语 可以加html标签 * pupClose 关闭按钮 * pupCloseH 关闭按钮高度 用来定位关闭按钮的位置 * btnText 按钮文字 (可缺省,不加按钮) * */ function pupopTip(pupW,pupH,pupText,pupClose,pupCloseH,btnText) { var popup = $(""+btnText+"")); } $(".pupopBox").fadeIn(); $("body").on("click",".pupClose",function() { $(".pupopBox").fadeOut(500,function () {$(this).remove()}) }) }方法调用 "); $("body").append(popup); if(btnText){ $(".pupopContent").append($("
效果图购买
完整代码
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/87174.html
摘要:业务背景是,在的前端项目中加入作为组件。但随着需要登录的页面的增多,多个页面都需要添加相同的,,以及前端登录逻辑,所以在原先的项目中添加了,将重复的添加的代码加入到了文件中,然后通过方法将对象挂载到某个的节点上。 业务背景是,在jq的前端项目中加入Vue作为组件。 原本的登录功能是每个页面加一个登录弹窗(手机号+验证码验证登录),然后发ajax请求到后端,登录成功后再进行一些操作。 但...
阅读 2224·2021-09-28 09:36
阅读 1859·2021-09-22 15:14
阅读 3589·2019-08-30 12:47
阅读 2954·2019-08-30 12:44
阅读 1168·2019-08-29 17:06
阅读 510·2019-08-29 14:12
阅读 937·2019-08-29 14:01
阅读 2523·2019-08-29 12:17