效果图如下: HTML代码如下： JS代码如下： ...
分类：
Web程序 时间：
2018-06-08 20:30:48
阅读次数：
212
前言 1 使用的API简介 2 初版 代码及思路如下： //1 点击导航跳到指定位置第一步，获取所有的a标签 let aTags=document.querySelectorAll("nav.menu ul li a") //console.log(aTags) //2 点击导航跳到指定位置第二步遍 ...
今天无事点开了N年未点开的慕课网，看了一个js动画框架的视频，心血来潮用jQuery的方法封装了一下，虽然不如jQuery，但是还是有点点所获。 什么都不说，直接上代码: ...
分类：
Web程序 时间：
2018-03-27 01:57:18
阅读次数：
222
知识点：原生js动画效果 ,重力系统,弹跳算法, 迭代与递归, 动画序列, , 两种定时器配合使用, 循环判断注意事项 ,编程思想与解决方案思维。
分类：
编程语言 时间：
2018-03-22 19:18:41
阅读次数：
206
1、简介 Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作，并和$.animate()有相同的 API， 但它不依赖 jQuery，可单独使用。 2、兼容性 可兼容到 IE8 和 Android 2.3。 若需要兼容 IE8，就必须引入 jQuer ...
分类：
Web程序 时间：
2018-02-08 17:53:07
阅读次数：
234
有的页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。比如刚刚发布的 iPhone 6 的页面（查看）。如果你希望你的页面也更加有趣，那么你可以试试 WOW.js。 WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种 ...
分类：
Web程序 时间：
2018-01-08 23:51:38
阅读次数：
465
我们经常用setInterval来实现动画，其实这种做法不是太好，因为不同浏览器的刷新频率也不一样（一般认为设置16为最佳,按每秒60帧算，1000/60≈16.67） 实现js动画最好的是requestAnimationFrame: requestAnimationFrame 比起 setTime ...
分类：
Web程序 时间：
2017-12-10 20:19:39
阅读次数：
262
在做项目中经常会遇到使用动画的情况。以前的情况是用js写动画，利用setTimeout函数或者window.requestAnimationFrame()实现目标元素的动画效果。 虽然后者解决了刷新频率和移动频率同步的问题，但是因为js频繁地操作dom带来的额外开销和复杂的计算公式使得大多数开发者对 ...
分类：
Web程序 时间：
2017-10-03 15:27:20
阅读次数：
294
※弹出缩回 ！！！！！44行==不要写成= ！！！！！！ 41行中清除定时器为了防止定时器叠加； timer设置为全局变量，不能设为局部变量，否则每次执行函数timer都被重新赋值成null。 为什么不能这样写？？oDiv.offsetLeft = oDiv.offsetLeft+10+'px';? ...
分类：
Web程序 时间：
2017-09-08 20:30:42
阅读次数：
192
