原生javascript弹层弹窗插件Xtiper(原创)

所属分类:UI-对话框,弹出层,工具提示

 19762  239  查看评论 (1)
分享到微信朋友圈
X
原生javascript弹层弹窗插件Xtiper(原创) ie兼容10

更新时间:2019-10-20 10:55:16

Xtiper

介绍

Xtiper 是一款整合 PC 、移动端的弹层弹窗(甚至还有弹幕)解决方案。采用原生的 javascript 编写,体积小,不依赖任何 js 库,不加载任何图片,使用方便

使用方法

<link href="css/xtiper.css" type="text/css" rel="stylesheet" />
<script src="js/xtiper.js" type="text/javascript"></script>

注意事项


1. Xtiper 可拖动的层可以拖动 3/4 的窗体到浏览器外部

2. 面板菜单主要应用于移动端 ,其他层 pc 和移动端可通用

3. 所有 string 类型的可选值都可以用首字母简写表示,例如: black 可简写成 b 。也可以大小写混合,例如 noready 可以写成 noReady 。

4. 关于属性的说明

属性说明
[必填]如字面意思
[可选]如字面意思
[默认:true]默认值为 true
[默认:空]默认值为 或者 空字符未定义
[类型]数据类型 (number, string, boolean, array, function, this)
[选值]从文档中给出的值中选取一个填写
[说明]额外的说明
[限制]说明限制条件
( )解释说明,例如:[默认:#ffffff(白色)]
< >不一定存在,例如:[默认:确定<,取消>],表示有可能是 确定 或者 确定,取消

5. 弹窗层按钮无回调函数时,点击按钮会关闭;面板菜单选项无回调函数时,点击选项不会有反应。

6. win 弹窗层和 open 页面层按下键盘的 Esc 键可关闭窗口。win 弹窗层如果只有一个 btn1 的回调按钮,那么按下回车会调用 btn1 的回调函数,具体在实际案例中体验一下。

7. IE 兼容至 IE10 ,IE10 以下的不进行兼容,以后也不会兼容!


相关插件-对话框,弹出层,工具提示

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    MATCHLESS MAN 0
    2020/1/8 11:38:09
    这是啥情况啊Uncaught ReferenceError: xtip is not defined? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复