1. 案例：网页轮播图 轮播图也称为焦点图，是网页中比较常见的网页特效。 功能需求： ? 1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。 ? 2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。 ? 3.图片播放的同时，下面小圆圈模块跟随一起变化。 ? 4.点击小圆圈，可以播放 ...
分类：
Web程序 时间：
2020-10-08 18:08:56
阅读次数：
24
今天在重构网页特效的时候，想着用到一个css3的旋转特效。简单来一个demo。 html <div class="box"> <img src="./yft.png" alt="" class="rotation"> </div> css <style> @-webkit-keyframes rot ...
分类：
Web程序 时间：
2020-07-28 14:44:30
阅读次数：
164
轮播图也称为焦点图，是网页中比较常见的网页特效。 功能需求： 1.鼠标经过轮播图模块，左右按钮显示；鼠标离开时隐藏； 2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理； 3.图片播放的同时，下面小圆圈模块跟随一起变化； 4.点击小圆圈，可以播放相应图片； 5.鼠标不经过轮播图，轮播图也 ...
分类：
Web程序 时间：
2020-06-26 12:38:39
阅读次数：
63
本人收集了两百多本前端书籍，包含了js、nodejs、css、移动端、框架、面试等各个类型的书籍。 1、javascript JavaScript.DOM高级程序设计 JavaScript网页特效范例宝典 JavaScript忍者秘籍 锋利的jQuery 编写高质量代码-改善JavaScript程序 ...
分类：
其他好文 时间：
2020-05-10 23:18:40
阅读次数：
96
深入动画函数的封装 1.动画函数的封装 1.1 缓动效果的实现 这里有一些核心的算法，(目标值 现在的位置) / 10 = 每一次移动的步长 实现的代码： 1.2 多值移动 比如我现在有这样的一个需求：点击走到800 再点击走到500,相当于往回走了，我们可以加一个条件判断一下步长 1. 如果是正值 ...
分类：
编程语言 时间：
2020-03-15 13:21:57
阅读次数：
61
1. 触屏事件 1.1 触屏事件概述 移动端的动画效果能用C3写就尽量用C3写，如果非要交互，那么就用CS搭配着C3来写 1.2 触摸事件对象TouchEvent 对于触摸事件对象主要记忆一下三个属性 1.3 移动端拖动元素 2. 移动端常见特效 3. 移动端常用开发插件 4. 移动端常用开发框架 ...
分类：
移动开发 时间：
2020-02-15 13:14:28
阅读次数：
84
一、介绍： JS是运行客户端的脚本语言，是嵌套在html中，能被浏览器直接解析； 主要用于写网页特效，表单验证，增加用户与浏览器之间的交互效果。 在HTML页面中嵌入JavaScript代码方式 1.使用JavaScript：前缀构建执行JavaScript代码 2.使用<script></scri ...
分类：
编程语言 时间：
2020-02-14 16:32:02
阅读次数：
69
chapter4 JS简介 JS 可以实现表单验证（比如填写简历时，必要的项目是否已经填写）、返回顶部、小游戏、网页特效等。 JS是一种运行于JavaScript解释器/引擎中的解释型的脚本语言。 什么是解释型语言？？：运行前不需要编译的，也不会检查错误，直到遇到错误为止。 相对的是编译型语言：对源 ...
分类：
编程语言 时间：
2020-02-10 14:03:22
阅读次数：
86
1.PC端网页特效 1.1 offset 1.2 offset 与 style 区别 1.3案例：获取鼠标在盒子内的坐标 2.移动端网页特效 1.PC端网页特效 1.1 offset offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 ...
分类：
Web程序 时间：
2020-02-04 15:32:42
阅读次数：
97
