# 背景
写页面的时候想要弄一个弹框,
因为懒得用layui那些组件框架,
所以自己刷刷刷,弄了一个,很简单。
# 开始编写
显示效果
调用方法
1 | showPopup("弹框"); /* 直接平常调用就好 */ |
编写CSS代码
首先样式代码写上:
1 | /* popupBox start */ |
编写 JavaScript 代码
然后写个方法调用
1 | /** |
注意
我这里只是简单的设置了宽度,
所以应该最多只能显示5个汉字,
可以自己修改为根据字符宽度显示。
PS:
如有错误,还请多多指出来~
– Nick
– 2019/07/03