虽然现在css3已经有了很多动画效果希望后面有时间也写一些博客,但是先开始我们的基础动画的学习。1.制作动画常用的属性就是left,right,height,width,opacity等属性2.因为每个动画不一定都是匀速的,可能是加速或者更加复杂的,所以就会有缓存动画3.运动的物体,可能不只有一个,...
分类:
Web程序 时间:
2016-01-25 01:20:35
阅读次数:
205
本章介绍js中动画中的通过改变left值来使物体移动
分类:
Web程序 时间:
2016-01-07 22:40:20
阅读次数:
234
在本次实例中,由于一般主流的浏览器对于透明度opacity最大值为1,但是在IE6最大值是100,此次例子是按主流浏览器的透明度来算的,所以定义的是小数,也可以定义为整数为单位,在运算的时候遇到主流的浏览器除以100就可以了。实例:透明度动画动画总结:1.先设置一个定时器;var timer = ....
分类:
Web程序 时间:
2015-12-29 19:30:19
阅读次数:
197
实现动画的效果有以下几种方式:gif flash css3 js 。使用js制作动画主要是通过以下几种方式进行组合: 1.形变(改变长宽高) 2.位移(移动图像位置) 3.旋转 4.改变透明度制作动画的几个方法: var timeoutId = setTimeout(func,del...
分类:
Web程序 时间:
2015-12-20 14:25:22
阅读次数:
134
在做页面中,多数情况下都会遇到页面上做动画效果,之前一直都是用jquery,一直没有试过用原生的js来做,今天正好看到一篇js原生动画的效果,特记录在此,原文地址:http://www.it165.net/pro/html/201410/23513.html1、匀速动画效果说明:匀速动画就是动画的效...
分类:
Web程序 时间:
2015-11-10 16:03:42
阅读次数:
344
先上图鼠标滑过那张图,显示完整的哪张图,移除则复位:简单的CSS加JS操作DOM实现:
sliding doors
<link rel="stylesheet" href="styles/reset.css" /...
分类:
编程语言 时间:
2015-11-08 18:01:08
阅读次数:
223
jAni是一个可以动画显示背景图片的jQuery插件。这个插件基本上是GIF动画的一个替代品,但是他有他的好处。所有浏览器都支持GIF形式的动画格式,而且也不需要额外的javaScript代码和标记。但是不好的一点是,GIF格式的图片只有256色。而且你不能控制图片的显示。这个插件通过载入垂直的GI...
分类:
Web程序 时间:
2015-09-14 19:32:52
阅读次数:
145
js 框架:function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}
else{
return getComputedStyle(obj,false)[attr];
}
}
function startMove(obj,json,fn){
var flag = true...
分类:
Web程序 时间:
2015-07-22 23:03:05
阅读次数:
176