web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
Lightbox和对话框
轻量级Material Design风格jquery对话框插件
分类：
Lightbox和对话框
日期：
2024-05-14
点击(7)
评论(0)
演 示
免费下载
简介
在页面引入jquery.msgBox.min.css，jquery，jquery.msgBox.min.js文件。 ```html <link rel="stylesheet" href="jquery.msgBox.min.css"> <script src="jquery.min.js"></script> <script src=jquery.msgBox.min.js"></script> ``` ##### 调用对话框 可以使用下面的方法来调用对话框。 ```html $('.msgBox-testArea').msgBox({ title: '对话框的标题', message: '对话框中的内容。。。' }); ``` 你也可以为对话框添加自定义的按钮。 ```html $('.msgBox-testArea').msgBox({ title: '对话框的标题', message: '对话框中的内容。。。', buttons: [{ text: 'Show', callback: function() { // 这里是回调函数 } }, { text: 'Hide', callback: function() { // 这里是回调函数 } }], }); ``` 还可以为对话框设置淡入淡出效果。 ```html $('.msgBox-testArea').msgBox({ title: '对话框的标题', message: '对话框中的内容。。。', buttons: [{ text: 'Show', callback: function() { // 这里是回调函数 } }, { text: 'Hide', callback: function() { // 这里是回调函数 } }], blend: true, blendDuration: 400 }); ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
