🎯 zxlite.js v1.3.3 完整功能演示

轻量级零依赖 30+动画6种对话框样式 动态主题

所有功能通过 zxd 对象调用 | 支持 dialogx/dialogi/dialogc | 6种样式有明显差异

📦 DOM操作

zxd.set/get/del/new | zxd.hide/show | zxd.addClass/rmClass

原始文本

测试区域
✨ 新元素显示在这里
💡 等待操作

✨ 动画效果 (30+种)

zxd.anim(id, type, dur) | zxd.addAnim() | zxd.stopAnim()
🎨 点击按钮播放动画
30+种预设动画: fadeIn, slideUp, bounce, shake, flip, pulse, swing, wobble, rotateIn, rollIn, glow等

🎵 音频控制

zxd.play/pc(continue/pause/stop) | zxd.pis() | zxd.pp/pa/pv
⚪ 未播放

🔧 JSON数据操作

zxd.json(data, 'edit/add/del/get', key, value)
{}

💬 对话框扩展 (dialogx)

zxd.dialogx(标题,内容,按钮1,回调1,按钮2,回调2,按钮3,回调3,外面关闭,外面回调,样式名)

📝 输入框对话框 (dialogi)

zxd.dialogi(标题,内容,按钮1,回调1,按钮2,回调2) → 返回Promise获取输入值
💡 点击按钮,输入内容后会显示在这里

🎨 自定义布局 (dialogc+dialogd)

zxd.dialogc(html内容,外面关闭,回调) | zxd.dialogd(view, "元素id")

🎭 对话框样式 (6种)

zxd.dialogs('样式名') 切换全局样式 | dialogx中传入样式名参数
light1:白圆角 | light2:米白方角 | light3:奶油大圆角 | dark1:紫黑 | dark2:霓虹 | dark3:深蓝大圆角

🎨 动态主题 (style)

zxd.style(主题名, 颜色) | 主题: light1/light2/light3/dark1/dark2/dark3
当前主题: 默认渐变背景

🎬 动画开关

zxd.dialoga(true/false) | zxd.toasta(true/false)

🔔 Toast扩展

zxd.toast(内容,时间) - 底部 | zxd.toastt(内容,时间) - 顶部

🔍 元素获取 (gui)

zxd.gui("class/id/element/selector", 值, true/false)
💡 点击获取页面元素信息

🔄 全局更新 (update)

zxd.update() - 触发全局更新事件
更新时间: 未更新

💬 原有对话框 (dialog)

zxd.dialog(标题,内容,按钮1,按钮2,回调1,回调2) - 保留原有调用方式

📄 页面控制

zxd.meta('title',值) | zxd.page('top/bottom') | zxd.full()
当前标题:

📝 字符串操作

zxd.rp/cut/mk/rk | zxd.upper/lower | zxd.copy
💡 点击测试

🎨 渐变背景

zxd.bm(direction, id, "color1|color2")

⏰ 时间 & 随机数 & 计算

zxd.time(0-5) | zxd.rand() | zxd.calc() | zxd.uuid()
💡 点击测试

🖱️ 事件绑定 & 编辑模式

zxd.on/sc(id, event, fn) | zxd.ele() | zxd.edit()
⚪ 未点击

🌐 网络请求

zxd.ajaxGet/gu(url) | zxd.ajaxPost(url,data)
💡 点击测试

💾 存储 & Cookie

zxd.store() | zxd.cookie() | zxd.clear()
💡 点击测试

📱 设备信息

zxd.isMobile/isPC/isIOS/isAndroid | zxd.ua()
💡 点击查看

🔗 URL参数操作

zxd.getParam/setParam/delParam(name)
当前无参数

🖼️ 图片处理

zxd.rotate(img, angle) | zxd.crop(img, sx, ex, sy, ey)
💡 点击测试(使用test.png)

🛠️ 其他工具函数

zxd.wait/pause/delay | zxd.copy | zxd.uuid | zxd.debounce
[系统] zxlite.js v1.3.3 演示页面加载中...
📥 下载帮助文件  |  🔄 触发全局更新