JQuery 让我们从最基础的开始说起: Javascript 和 jQuery 两者不能错误的混为一谈。Javascript 动画很快,而 jQuery 动画却慢下来。为什么呢?因为尽管 jQuery 非常强大,但是它的设计目标并不是一个高效的动画引擎: 1.JQuery不能避免layout th ...
分类:
Web程序 时间:
2016-08-08 15:45:11
阅读次数:
162
这两天在慕课网学习了一门课程即Js动画效果,循序渐进的做一个运动框架。可以实现多物体的同时运动,链式运动。 运动框架 move.js 引用move.js的格式 慕课网JS动画效果-http://www.imooc.com/learn/167 代码演示地址:http://runjs.cn/detail ...
分类:
其他好文 时间:
2016-08-05 17:24:38
阅读次数:
136
本文转载,原文地址:http://www.cnblogs.com/2050/p/3871517.html 用js来实现动画,我们一般是借助setTimeout或setInterval这两个函数,css3动画出来后,我们又可以使用css3来实现动画了,而且性能和流畅度也得到了很大的提升。但是css3动 ...
分类:
Web程序 时间:
2016-07-08 21:30:00
阅读次数:
181
英文原文:https://davidwalsh.name/css-js-animation 原作者Julian Shapiro是Velocity.js的作者,Velocity.js是一个高效易用的js动画库。在《Javascript网页动画设计》一书中对这个库有很多更具体的剖析,对Velocity及 ...
分类:
Web程序 时间:
2016-07-04 22:02:07
阅读次数:
349
一.实现理论基础:(1)使用定时器setInterval(),完成动画效果;(2)使用json传值,实现多个属性同时动画效果(比如:宽度,高度,透明度等可以一起进行动画效果);(3)使用回调函数,实现链式动画(就是宽度值增大到目的值,然后继续宽度值减小的变化);(4)使用目标值减..
分类:
Web程序 时间:
2016-07-01 16:46:02
阅读次数:
754
技能点:DOM操作、定时器、事件运用、JS动画、函数递归、无限滚动大法 焦点图排序(无限滚动大法):image5image1image2image3image4image5image1 原理:1. 假设共有5张图,5张图左浮动排列,2. 并且都被一个list容器包裹,这个list是很长的,然后lis ...
分类:
其他好文 时间:
2016-06-18 17:00:44
阅读次数:
132
一.使用js实现导航行栏,点击时,下划线会跟着鼠标的点击移动。html代码如下:<header>
<divid="nav1">
<divid="id1"class="item">1</div>
<divid="id2"class="item">2</div>
<divid="id3"class="item">3</div>
</di..
分类:
Web程序 时间:
2016-06-02 11:47:39
阅读次数:
247
一.使用js实现导航行栏,点击时,下划线会跟着鼠标的点击移动。html代码如下:<header>
<divid="nav1">
<divid="id1"class="item">1</div>
<divid="id2"class="item">2</div>
<divid="id3"class="item">3</div>
</di..
分类:
Web程序 时间:
2016-06-02 11:46:26
阅读次数:
247
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="utf-8">
<title>CSS-DOM</title>
<linkrel="stylesheet"type="text/css"href="10.css">
<scriptsrc="10.js"></script>
</head>
<body>
<pid="mes..
分类:
移动开发 时间:
2016-05-27 22:08:59
阅读次数:
1732