# Xtiper
#### 介绍
Xtiper 是一款整合 PC 、移动端的弹层弹窗(甚至还有弹幕)解决方案。采用原生的 javascript 编写,体积小,不依赖任何 js 库,不加载任何图片,使用方便。
#### 预览地址
[https://ovsexia.gitee.io/xtiper/](https://ovsexia.gitee.io/xtiper/)
#### 从 npm 安装
`npm i xtiper`
#### 轻量版 xtiper.lite.js,去除了弹幕、相册、面板菜单,体积缩小为原版的40%
#### 使用方法
`<link href="css/xtiper.css" type="text/css" rel="stylesheet" />`
`<script src="js/xtiper.js" type="text/javascript"></script>`
没有合适的资源?快使用搜索试试~ 我知道了~
JS实现的PC 、移动端的弹层弹窗
![preview](https://csdnimg.cn/release/downloadcmsfe/public/img/white-bg.ca8570fa.png)
共14个文件
css:4个
js:4个
html:2个
![preview-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/scale.ab9e0183.png)
需积分: 2 0 下载量 12 浏览量
2024-06-27
13:08:17
上传
评论
收藏 82KB ZIP 举报
温馨提示
Xtiper 是一款功能强大的弹层弹窗解决方案。不仅整合了 PC 端和移动端的弹层效果,甚至还支持弹幕功能。这个解决方案使用原生的 JavaScript 编写,具有体积小、无需依赖任何 JavaScript 库以及不加载任何图片的优点,极大地提升了使用的便利性。 首先,身为弹层组件,Xtiper 提供了多种弹层效果,满足了不同场景下的需求。无论是在 PC 端还是移动端,它都能以高效而流畅的方式展示出弹层的效果。通过使用 Xtiper,用户可以轻松实现弹出层、提示框、模态框等各种常见的弹层效果。无论是页面展示还是用户交互,Xtiper 提供了丰富的功能和配置选项,帮助开发者快速搭建出符合需求的弹层组件。不仅如此,Xtiper 还引入了弹幕功能,进一步提升了用户体验。弹幕是一种在视频或者其他应用中以滚动方式显示的用户留言或评论,通过引入这一功能,Xtiper 增加了用户之间的互动性,为网页或应用注入更多趣味和活力。无论是在直播平台、社区论坛还是其他需要用户互动的场景,Xtiper 的弹幕功能都能够帮助开发者实现精彩的用户体验。
资源推荐
资源详情
资源评论
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
收起资源包目录
![package](https://csdnimg.cn/release/downloadcmsfe/public/img/package.f3fc750b.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
共 14 条
- 1
资源评论
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/e0a7bcd585304bb58115e975643a0c40_qq_42538588.jpg!1)
才华横溢caozy
- 粉丝: 457
- 资源: 37
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)