当前位置: 首页 > Web前端 > HTML

jq自定义弹窗

时间:2023-04-02 12:07:59 HTML

需要是一个通用的弹出层提示框。要求:1.位置上下左右居中。2.只需要导入一个js文件,调用即可。没有html结构,没有样式表。解决方法封装pupopTip.js文件/*参数说明:*pupW弹出层宽度单位可以是pxrem,100%*pupH弹出层高度*pupText弹出层提示可以添加html标签*pupClose关闭按钮*pupCloseH关闭按钮height用于定位关闭按钮的位置*btnText按钮文字(默认,无按钮)**/functionpupopTip(pupW,pupH,pupText,pupClose,pupCloseH,btnText){varpopup=$(''+''+';'+pupText+'

'+'
');$("body").append(popup);if(btnText){$('.pupopContent').append($(''+btnText+''));$('.pupopBox').fadeIn();$('body').on('click','.pupClose',function(){$('.pupopBox').fadeOut(500,function(){$(this).remove()})})}方法调用Purchase
渲染的完整代码