![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
案例
文章平均质量分 85
宁远君
在码路上疾行
展开
-
自制gif效果
自制gif效果说明:本例中以最初的效果为准写在前面:本来是想写一个这样的效果;但是写完以后发现再给他加一个定时播放的效果也挺好的;于是改进后的效果如下这个做完以后我觉得还不是很完美;于是我联想到了“连环画”,也就是可以动起来的动画,于是我找来一些列连贯的图片素材,将其添加进来,随后就形成了下面的效果。页面部分准备一个容器tab里面装有tab-content、tab-list、tab-content里面有一个图片img用来充当大图;tab-list,里面放的是一系列的小图他们来充当“简原创 2021-11-28 00:21:39 · 270 阅读 · 0 评论 -
验证码案例
验证码案例成品图:准备:用一个数组存储验证码内容的源;简单的前端界面思路:循环模拟数组的数据;在循环里面用随机数方法实现数组数据的随机抽取;这个随机数方法我们用Math.Random();这个方法用来实现四舍五入。步骤:因为要取数组里面随机的值来拼接成验证码,用随机数来完成; var index = Math.round(Math.random() * 21); //值从0-21随机出现本次生成6位随机验证码:用for循环循环长度为6原创 2021-11-26 23:46:20 · 143 阅读 · 0 评论 -
模糊查询案例
案例-模糊查询成品展示:准备:一个数组用来存放需要查询的数据。一个搜索框用来输入进行模糊查找事件均用事件监听的方式【addEventListener】案例思路:建立一个输入框,创建键盘按键弹起事件【keyup】;当输入内容包含在查询数据的时候就将符合条件的内容以列表的形式展示在另一个盒子里。对数组进行遍历【forEach】,利用字符串的indexOf()方法的负值来判断输入的值是否符合条件;如果上述中输入的内容在上述步骤返回-1;就说明当前输入内容不符合条件;否则就是符合原创 2021-11-26 22:46:16 · 1776 阅读 · 0 评论 -
添加元素后改变背景
添加元素后改变背景颜色案例要求:有一组li元素用来点击时变换背景颜色有一个点击按钮button用来增加li元素生成的元素再次点击后仍能改变背景颜色错误操作: 直接把变换背景的事件绑定在每一个小li的身上后果: 因为当前绑定的点击变换背景颜色事件在每一个小li身上这就导致了该点击事件只能识别文档中现有的li而不能识别新生成的lil;从而新生成的li再点击以后不会有任何的变化。正确思路:一、按钮点击事件为点击按原创 2021-11-22 22:57:28 · 130 阅读 · 0 评论