沉浸式阅读
Beta
转载

简洁,强大,精简的信息提示框

     订阅 JS相关     2020-07-12     337    0    0    0    2020-07-12
学习要点:简洁,强大,精简的信息提示框 它的优点是什么?这是一个非常优秀的信息框提示插件,你可以通过对象来设置作为显示的载体,这大大增加了程序的灵活性。它支持显示队列它能够在任何时候都非常配合的执行你所需要执行的函数。它基于弹性布局设计,能够兼容手机端。兼容性?通过上个版本的更新,它现在已经支持部分IE版本 , 至少在IE11上能够正常运行我应该如何使用这个插件?首先,你应该确保你的页面已经引用了Jquery , 我们的插件需要它的支持其次,在插件的下载清单中包含 AutoAdjustPostion.js 和 Co

简洁,强大,精简的信息提示框



它的优点是什么?

这是一个非常优秀的信息框提示插件,你可以通过对象来设置作为显示的载体,这大大增加了程序的灵活性。

它支持显示队列

它能够在任何时候都非常配合的执行你所需要执行的函数。

它基于弹性布局设计,能够兼容手机端。

兼容性?

通过上个版本的更新,它现在已经支持部分IE版本 , 至少在IE11上能够正常运行

我应该如何使用这个插件?

首先,你应该确保你的页面已经引用了Jquery , 我们的插件需要它的支持

其次,在插件的下载清单中包含 AutoAdjustPostion.js 和 Commonprompt.js 核心文件

这两个核心文件是干嘛的?

AutoAdjustPostion.js

这是一个非常简洁的小插件,它用于自动调整元素的位置,已确保它每次都能显示在屏幕的正中间,除此之外,你可以将需要在窗口改变大小时触发的函数托管给它。

它所有的方法都是基于对象来调用的,这意味着你需要通过对象,来调用它的方法, 它的核心对象是 : autoPostionService

如果你想让一个函数在窗口改变大小时触发,则可以调用 autoPostionService.addEventFun({需要调用的函数名,切记不要加双括号.})

它占用了 三个全局Class名称!
1: align

如果你在一个元素中加入了这个Class名,那么此组件会自动调整它的位置,确保它能够显示到屏幕正中间,并且每次在窗口改变大小时也会触发它。

2: auto

如果你在一个元素中加入了这个Class名,那么此组件会自动调整它的高宽度,数值 = 文档可视区域高宽度。

3: autoWidth

如果你在一个元素中加入了这个Class名,那么此组件会自动调整它的宽度,数值 = 文档可视区域宽度。

这个对象有一个初始化方法:autoPostionService.init(true) , 这意味着使用它前,你需要调用这个方法.

Commonprompt.js

这是信息提示框的核心插件

它所有的方法都是基于对象来调用的,这意味着你需要通过对象,来调用它的方法, 它的核心对象是 : infoBox

关于它的用法 , 我会在JS源代码中给你添加注释,让你能够熟悉的掌握它。



本文标题: 简洁,强大,精简的信息提示框

本文链接: https://www.mbkfw.com/course/795.html (转载时请注明来源链接)

本文说明: 有问题或投稿请发送至: 邮箱/kf@dtmuban.com    QQ/290948585

特别鸣谢: 如果您觉得本文对您有帮助,请给我们一个小小的赞,收藏本文更利于反复学习哦!

 
本文标签: #弹窗 #提示
destoon程序前端开发标签生成器

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“商企云服”
"模板开发网前端开发教学"
每日干货技术分享
 
0

圈友点评

文明上网理性发言,请遵守网络评论服务协议

小编推荐



色彩
×

《客户实名在线注册登记》售后一直都在!

关注

微信
关注

微信扫一扫
不同的环境体验

幸运大转盘,好礼等您拿

模板开发网公众号

模板开发网微信小程序

代授权

程序
授权

黑小二

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。咨询客服

联系客服:

在线QQ: 290948585

客服电话: 18605917465

E_mail邮箱: kf@dtmuban.com

微信公众号: 商企云服

微信小程序: 模板开发

QQ客服 微信客服DT授权代办 在线交谈 智能小云

工作时间:

周一至周五: 09:00 - 18:00

APP下载

安卓
APK

模板开发网安卓版APP

反馈

我要
反馈