呼吸轮播图中注意的几个“点”

一、封装运动函数animate

对于呼吸轮播图,我们要考虑运动函数中包含的必要参数,为实现效果和作用铺好基石。①需要改变的对象;②要改变的对象某属性及终止状态;③轮播图都有运动或变化过程的时间,可谓运动时间或对象属性变化的时间;还有两个,比如考虑到变化的快慢状态是匀速还是先快后慢等的缓冲状态,④可选择增加缓冲状态描述词,以供缓冲状态函数的调用;有时候考虑运动的重复性,⑤可选择增加回调函数。那么封装的运动函数形式如下:

function animate(elem , targetJSON , time , tweenString , callback){
  //每个参数的意义与上面的序号对应
  //函数内部分析运动可能改变的那些常用属性及如何获取
  //给要改变的对象添加需要改变的属性
  //控制缓冲状态
  //...
}

其实,封装运动函数是个庞大的工作量,考虑的方面很多,所以呢,大神封装好的运动函数我们拿来用就好,明白上面的前三个必要参数,会给轮播图带来的效果呈现。

继续阅读呼吸轮播图中注意的几个“点”

JavaScript中的运算和循环结构

运算

算术运算符

运算符 说明 例子
+ y = 2+1
y = 2 – 1
* y = 2 * 4
/ y= 6 / 2
% 求余 y = 7 % 2
++ 加加,分为前加和后加 ++1 1++
– – 减减,分为前减和后减 – -1 1- –
** y = 3**2

对于前加和后加,执行后的结果都是变量加1,其区别在于执行时返回结果不一样,参考下面两个例子:

var x = 2;
 alert(++x); //输出:3
 alert(x); //输出:3

var y = 2;
 alert(y++); //输出:2
 alert(y); //输出:3

继续阅读JavaScript中的运算和循环结构