指令集预览 - 56个
视觉类 - 24个
appleblur
苹果毛玻璃效果
audiopectrum
音频频谱可视化效果
autobox
自动调整box大小以适应其内容
boxresize
监听元素的尺寸变化,并在尺寸变化时触发回调函数
confetti
点击元素触发全屏五彩纸屑动画效果
countup
数字滚动动画效果,支持指定目标数值或使用元素内容作为目标值
desaturate
一键开启网页灰色素调,至远方
ellipsis
文本溢出时自动添加省略号,支持自定义行数
fitfont
根据容器的大小动态调整文本的字体大小
gradient
为元素添加渐变背景流动效果
headerscroll
控制顶部header的显示和隐藏
highlight
灵活的文本高亮效果,支持多种颜色格式和自动对比度
invertcolors
实现文字颜色和背景色的反转效果
loading
显示加载动画
magnet
元素磁化,支持定义磁力、磁性
marquee
实现文本滚动效果,支持自定义滚动速度和方向
particle
点击粒子爆炸效果
priceanimate
动态价格变动效果
progress
实时进度条(绑定数值自动渲染环形/条形进度)
ripple
给目标元素添加水波纹效果,支持自定义波纹颜色和时长
skeleton
骨架屏,用于在数据加载过程中显示占位符,提升用户体验
top
永远使得元素图层最高!
typing
模拟打字机效果的指令,支持速度控制和状态回调,让文本展示更生动有趣。
watermarker
为元素添加水印效果,支持自定义水印文本和样式
交互类 - 18个
backtop
返回顶部指令,当页面滚动到一定高度时显示返回顶部按钮
clickout
点击外部处理函数,支持自定义点击外部处理函数
closetab
关闭当前浏览器标签页
copy
一键复制文本内容,支持动态文本和复制状态反馈
debounce
防抖函数,用于减少事件触发频率
doubleclick
双击事件处理,提供更丰富的交互方式
drag
创建可拖动的元素,支持设置范围、设置回掉函数
draggablesort
拖拽元素来重新排序列表,并且在拖拽完成后更新数据
fullscreen
点击元素全屏显示,再次点击退出全屏
hotkey
监听键盘事件,支持自定义多个快捷键和回掉函数
infinitescroll
实现无限滚动功能,当滚动到底部时触发加载更多数据
longpress
长按事件功能,支持自定义长按时间
mousefollow
鼠标跟随指令,支持自定义跟随元素和位置
scrollto
滚动到指定元素,支持自定义滚动行为
threeclick
三击事件处理,支持自定义三击时间
throttle
节流函数,用于控制事件触发频率
timetrack
用于媒体元素的指令,当达到指定时间时触发回调函数,支持数组形式的多个时间点
tooltip
为元素添加悬浮提示,支持自定义提示内容和位置