![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
插件
KatyLight
前端工程师
展开
-
【vue】Wave水波纹组件写法
wave的效果,waveObject当里面放置一张图片或者任意文字段落等等,按照方法写的话就会点击有水波纹。原创 2023-02-20 09:57:56 · 506 阅读 · 1 评论 -
【vue动画笔记】
【vue动画笔记】显示时候先拉伸再变深色,隐藏时候,先变浅再拉伸原创 2022-09-28 09:24:25 · 284 阅读 · 0 评论 -
【vue3】使用render函数绘画表格
使用render函数绘画表格原创 2022-09-28 09:16:21 · 574 阅读 · 0 评论 -
【vue】滚动鼠标滚轮的时候,div也会水平滚动
一般dom节点鼠标滚轮使用的时候,只能垂直滚动,而现在经过改造,可以变成水平滚动。原创 2022-09-20 16:29:10 · 744 阅读 · 0 评论 -
【vue组件】refs挂在图片在变化时候潜入变化
vue watch图片src变动ref挂载并且有切换渐变动画。原创 2022-09-20 11:43:46 · 340 阅读 · 0 评论 -
【vue】mask遮罩层组件
vue组件,mask前提是parent node需要设置postion reative 或者absolute等等,不能是static原创 2022-09-19 15:10:31 · 1783 阅读 · 0 评论 -
【vue】图片加载动画效果
vue组件,图片加载时原创 2022-09-19 15:09:10 · 1629 阅读 · 0 评论 -
【html】非服务器环境运行显示跨域图片
如果仅限单机非服务器环境运行html,要显示跨域图片。仅仅需要在html的头部增加这么一行:原创 2022-08-02 10:40:10 · 112 阅读 · 0 评论 -
【js组件】date日期显示。
日期组件,会随着时间变化。实现代码:原创 2022-07-06 15:53:41 · 503 阅读 · 0 评论 -
【js组件】自定义select
【js组件】自定义select原创 2022-07-06 15:02:08 · 469 阅读 · 0 评论 -
canvas小框架
canvas小插件原创 2022-03-15 16:40:31 · 430 阅读 · 0 评论 -
【js组件】上条排队提示
按照某些游戏的顶部显示成就,但是同时多个事件不会同时显示,而是派对提示,每个停留1s,添加的时候要等前面的队列完成。以下是下载地址,切割一下即可使用:KatyLightMsgSingle/index.html · KatyLight/组件库 - Gitee.comhttps://gitee.com/KatyLight/Tools/blob/master/KatyLightMsgSingle/index.html...原创 2022-02-24 10:02:53 · 3275 阅读 · 0 评论 -
【js组件】浏览进度条
【js组件】浏览进度条原创 2022-02-22 13:13:16 · 217 阅读 · 0 评论 -
【js组件】模拟框架
依据class类继承写的js框架原创 2022-02-07 13:33:05 · 287 阅读 · 0 评论 -
【js组件】日历
输入日期参数就会输出日历原创 2022-01-28 17:08:34 · 3465 阅读 · 0 评论 -
【js组件】自定义分页
js自定义翻页,页数变化时候触发回调方法原创 2022-02-08 11:12:13 · 476 阅读 · 0 评论 -
【js组件】仿照steam样式制造自定义横向纵向滚动条
仿照steam样式制造自定义横向滚动条原创 2022-01-27 12:39:58 · 807 阅读 · 0 评论 -
【js组件】自定义右键菜单
这是右键菜单的基本模样,可以通过修改样式改变造型 ,含有回调函数更动态禁用等原创 2022-01-26 16:45:27 · 539 阅读 · 0 评论 -
【js组件】炫光单选框与多选框
炫光单选框与多选框原创 2022-01-26 09:48:36 · 276 阅读 · 0 评论 -
【js组件】漂浮文字
在指定位置发送逐渐向上移动消逝的文字原创 2022-01-25 17:27:13 · 264 阅读 · 0 评论 -
【JS组件库】拖拽排序组件
使用原生的drageable字段以及ondrag和ondrop的效果导致的透明看不清楚无法捕获位置。写的模拟方法可以解决上述问题。竖向排列依然可以替换。原创 2022-01-24 16:16:29 · 644 阅读 · 0 评论 -
【组件】随着选中闪光效果的Navbar
下载地址组件库: 丰富组件库 - Gitee.com纯JS CSS,不需要框架VUE和Jquerynavbar的选中事件可以自定义方法接收参数刷新页面其他区域。动画流畅竖着也会正常显示,可以通过修改样式导致竖向排列。...原创 2022-01-12 14:57:43 · 189 阅读 · 0 评论 -
消息弹窗JS+CSS
方便学习,适合移植到Bootstrap下载地址:组件库: 丰富组件库 - Gitee.com原创 2022-01-12 11:03:47 · 121 阅读 · 0 评论 -
【工具】JS闪光钻石进度条
先上图:会随着对对象设置值,出现动画,适用于某些用途。组件下载地址:组件库: 丰富组件库原创 2022-01-11 13:23:52 · 207 阅读 · 0 评论 -
canvas处理图像改色(透明度、黑白)
canvas处理图像改色(透明度、黑白)原创 2021-12-31 15:33:39 · 3688 阅读 · 0 评论 -
vue渐变加载条
可以暂停进度条.vue<template> <div :class="['pro',active?'':'loading']"> <div class="cube"></div> </div></template><script>export default { name: "loading", props:['active']}</script><...原创 2021-12-28 15:01:34 · 243 阅读 · 0 评论 -
vue多选下拉框
点击页面其他地方就会关闭,也可以手段点箭头关闭,会随着内容增加增加高度,宽度写死了,也可以写活,选中了选项可以删除,可以根据捕获选择事件来获取选中值多选.vue<template><div class="cx"><div class="box"> <div class="content"> <span v-show="cList.length>0" v-for="(item,index) in cList" :key=..原创 2021-12-28 14:29:35 · 3253 阅读 · 0 评论 -
vue下拉选择框
vue下拉框原创 2021-12-28 14:25:08 · 9665 阅读 · 0 评论 -
不到100行js代码实现网页放大镜
Cut.js文件class Cut { constructor(boxId,cubeId,cvId,myName) { this.box=document.getElementById(boxId); this.cube=document.getElementById(cubeId); this.cv=document.getElementById(cvId); this.cvCx=this.cv.getContext('2d原创 2021-08-27 21:32:38 · 99 阅读 · 0 评论