素材牛VIP会员

jqueryAlert弹框插件(兼容电脑端、手机端)

 所属分类:网页特效-对话框/灯箱/提示,悬浮层/弹出层

 浏览:3264次  评论:0次  更新时间:2017-08-02
牛币素材VIP可免积分下载
jqueryAlert弹框插件(兼容电脑端、手机端)兼容IE8
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
项目地址(website):https://github.com/515184405/alert
素材描述:基于jquery开发的一款兼容pc端和移动端的模态框,信息提示框等

详细介绍

浏览器兼容

浏览器兼容,下面是我们的主要兼容目标

1、IE8 或者 IE8以上 (Windows), IE8以下浏览器不兼容

2、Safari (Mac)

3、Chrome (Windows, Mac, Linux)

4、Firefox (Windows, Mac, Linux)

5、谷歌内核(webkit)浏览器,如360浏览器,搜狗浏览器,QQ浏览器等

核心方法(配置): jqueryAlert(opts)

opts是一个对象,它包含了以下key: '默认值'

javascript 代码

'style'        : 'wap'//移动端和PC端
'title'        : '',    //标题
'content'      : '',    //内容
'contentTextAlign' : 'center'//内容对齐方式
'width'        : 'auto'//宽度
'height'       : 'auto'//高度
'minWidth'     : '0'//最小宽度
"className"    : ''//添加类名
'position'     : 'fixed'//定位方式
'animateType'  : 'scale',
'modal'        : false//是否存在蒙层
'isModalClose' : false//点击蒙层是否关闭
'bodyScroll'   : false//是否关闭body的滚动条
'closeTime'    : 3000//当没有按钮时关闭时间
"buttons"      : {}, //按钮对象

参数配置

// 判断是否已存在,如果已存在则直接显示
if(M.dialog1){
    return M.dialog1.show();
}
M.dialog1 = jqueryAlert({
    'content' : 'hello 程序员...'
})

其他更多参数配置,请查看下载或演示文件

相关素材 - 对话框/灯箱/提示,悬浮层/弹出层

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:2 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)