jQuery Boxy弹出层调用示例(15种方式)
jQuery 的 Boxy 插件,弹层玩法挺全的,光调用方法就列了 15 种。你要是做网页交互多,是各种提示框、确认框、加载弹窗这些,Boxy 真是个还不错的选择。功能全、API 好用、样式也挺灵活,拖动、定位、自定义内容、自动关闭这些通通支持,比较省事。
Boxy 的安装也不麻烦,保证你项目里有 jQuery,引入boxy.css
和jquery.boxy.js
就行。加载顺序别搞错,jQuery 要放前面。
调用方法那块值得一看,信息提示用$.boxy(message, options)
,确认对话用$.boxy.confirm()
,还能传回调,做表单确认、删除提示挺方便的。
要是你想弹出点自定义内容,也有$.boxy(html, options)
,甚至可以远程加载,$.boxy.load(url)
直接搞定。想让弹窗自动消失?加个autoClose
就好。
还支持拖动、调大小、自定义按钮……做个用户设置弹窗、系统通知提示这些,Boxy 都能搞定。想改位置、监听关闭事件也都有 API,.content()
还能动态改内容,比较灵活。
如果你项目里还在找个不那么重又好用的弹出层插件,可以试试这个,蛮适合那种不想引个大 UI 库又想搞点弹层效果的场景。
下载地址
用户评论