![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自定义效果插件
文章平均质量分 69
捕风的紫色鸢尾
这个作者很懒,什么都没留下…
展开
-
使用vue3.0实现一些动画效果
第一张图片下滑之后从图片列表数组中删除(因为dom的渲染机制,数组的最后一个元素在页面最前面所以用pop(),我们获取到图片数组的时候需要先对数组进行翻转,这样数组的最后一位就是原数据的第一位了),删除之后使用unshift将删除的数据放在数组的第一位,这样是实现了数组的更新。2,元素到达中心位置后形成前后关系的图片列表,并且向下滑动鼠标,图片逐渐向下隐藏,后一张图片向前来到第一张的位置,隐藏图片添加到列表最后。纯纯的css3动画,元素的浮动,背景图和眼睛图的放大效果。原创 2023-09-11 11:38:55 · 859 阅读 · 0 评论 -
使用vue3.0实现考勤日历组件
自定义日历组件,首先我们要明确需求与面板展示内容周日~周六。 当前月日历1~(28/29/30/31),当前月1号如果不是周日,需要上月最后日历补全,当月最后一天不是周六需要下月开始日历补全。 切换至上月,切换至下月按钮 当前年月展示 如果某日有考勤异常,考勤异常日期标记 当前日期展示展示为‘今’ 点击上月日期切换至上月面板并选中该日期弹出该日期考勤信息 点击下月日期切换至下月面板并选中该日期弹出该日期的考勤信息 点击当前月日期则选中当前日期并弹出该日期的考勤信息首先日历面..原创 2021-11-29 15:47:48 · 3376 阅读 · 4 评论 -
使用vue3.0实现一个移动端电子签名组件
因业务需求,前段时间写了一个电子签名组件,在这里记录一下,绘图需求,首先肯定需要使用canvas标签,考虑到在移动端使用,所以选择使用touch事件。首先奉上html结构(该组件为横屏展示):<div class="signName" :style="{top:0,left:differ+'px'}"> <div class="close" @click="close"><img src="../assets/images/close.png" alt="原创 2021-11-29 11:11:28 · 2390 阅读 · 1 评论 -
文字渐出效果
一,有次在一个外网上看到了这种文字的,效果,一番查找并没有找到类似的插件,所以动手自己写了一个,先上图,这里没有在样式上做过多的渲染,实现后的效果大概就是这个样子。下面上代码:(base.css里清除了一些基本的样式,引入了jquery)<!DOCTYPE html><html><head lang="en"> <meta charset="U...原创 2018-05-02 17:59:17 · 1165 阅读 · 0 评论 -
网页实现掷骰子小游戏
首先明确需求: 在网页正中间展示骰子,点数为一点,点击骰子,骰子旋转然后停留在随机点位上。再次点击骰子,骰子可以继续旋转并停留在随机点位上。 这里我们使用css3动画、3d旋转配合js实现效果一,HTML结构 <body> <!-- span是点数 --> <div id="wrapper"&g...原创 2019-07-23 17:02:17 · 6469 阅读 · 1 评论