![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端
Steven·Gu
不曾在你辉煌时慕名而来,也未曾在你低谷时离你而去。
展开
-
自动切换焦点图片——原生JS
**自动切换焦点图片——原生JS**注释很详细!!!有兴趣的可以找我拿素材!!!以下是代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/c...原创 2019-08-19 11:52:37 · 479 阅读 · 0 评论 -
网页轮播图——原生JS
网页轮播图——原生JS1.使用onmouseenter();onmouseleave();这两个方法对左右箭头进行显示与隐藏的操作。并且实现光标移上时显示左右箭头,光标离开时隐藏左右箭头。2.声明变量Timer代表轮播一次图片所用的时间。3.声明变量TimerLittle代表轮播一小次图片所用时间。因为图片的移动都是一点点移动的!4.声明MoveImage(dis);函数,并给予参数,参数...原创 2019-08-18 11:39:11 · 479 阅读 · 0 评论 -
拖动滑块验证——原生JS
**拖动滑块验证——原生JS**大体思路:1,拖动滑块验证我们首先要分析需要什么事件,怎么触发拖动滑块。2,首先需要点击事件,当你点击鼠标的时候获取到一个X轴的距离。3,还需要一个鼠标移动事件,因为当你按下鼠标后并且移上滑块移动的时候,才能实现滑动验证。4,那么滑动的这个距离怎么求出?当你鼠标点击的时候使用event对象获取X轴的位置赋值给变量down,当鼠标进行移动时,通过even...原创 2019-08-19 11:32:13 · 2272 阅读 · 0 评论 -
瀑布流布局——原生JS
**瀑布流布局——原生JS**大体思路:1,瀑布流布局我们要其他列盒子根据第一列盒子的高度和宽度进行绝对定位。2,瀑布流布局的特点是,宽度相同,高度不同。3,我们需要知道盒子的宽度,高度,屏幕的宽度,一行的列数,需要一个存放第一列盒子的高度。4,根据屏幕的宽度和每个盒子的宽度,可以求出一行的列数。5,我们需要获取每个盒子的高度。6,判断出第一行的盒子,将第一行盒子的高度存储进数组...原创 2019-08-19 11:12:56 · 313 阅读 · 0 评论