CSS
CSS3中提供的动画属性。
- tranform:四种基本的变形
- transition:动画属性,只支持起点到终点值。
- animation:强大的动画属性,支持按帧设定。
首先来说第一种:tranform变形属性。
tranfrom总共有四种变形。
- translate(x,[y]),向上下左右移动,支持负值。
- scale(sx,sy),X轴,Y轴方向上缩小放大。
- rotate(angle),参数单位:deg,顺时针或逆时针旋转多少度。
- skew(x,y),参数单位:deg,X轴或Y轴方向上倾斜多少度。
下面举个栗子看看如何使用。
css代码
---------
.inside_dao_han{
width: 80%;
height: 80px;
background: #666666 ;
margin: 0 auto;
transform: rotate(0deg) translate(10px,250px) scale(1,1) skew(0deg,0deg ) ;
}
———- HTML代码
可以看到,tranform可以直接应用在绑定的元素中,并且该属性支持多个变形同时进行。
好吧,现在对动画其实不够了解,等我做好足够功课再补完。
jquery部分
jquery知识点很是零碎,只能看到哪里就记到哪里,留到以后再整理吧。
- jquery最强大的优势之一就是消除了很多浏览器兼容问题。
- 如果仅仅是使用jquery来选择元素师非常不正确的,jquery最强大的地方是用来构建功能丰富的、动态的Ajax Web应用程序。
- $()和jQuery(window).ready(),说出来让人笑话,今天竟然才明白这是怎么回事。以前就一直看到javascript最强大之一就是函数,而函数最强大之一又是被设计成对象,所以它便可以作为参数传给别的函数,以前一直纳闷哪里有,原来尽在眼前。
- 4.