# js
var _interval, n;
init(n);
_interval = setInterval(interHandle, 3000);
function interHandle() {
w_right(getItem(n)).one("transitionend", function(e) {
w_right($(e.currentTarget));
});
w_active(getItem(n + 1));
n++;
}
function init(n) {
getItem(x(n).addClass("active_swiper"))
.slibings()
.addClass("w_right");
}
function x(n) {
if (n > 4) {
n = n % 5;
}
return;
}
function getItem(n) {
return $(".seiper_item_con")
.children()
.eq(x(n));
}
function w_active($node) {
return $node.removeClass("w_right w_left").addClass("active_swiper");
}
function w_right($node) {
return $node.removeClass("active_swiper w_left").addClass("w_right");
}
function w_left($node) {
return $node.removeClass("w_right active_swiper").addClass("w_left");
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
# 继承
TIP
继承方式
# class+extends 继承(ES6)
# 原型继承
# 借用构造函数继承
# 寄生组合式继承(重点)
class+extends 继承(ES6)
class Animal {
constructor(name) {
this.name = name;
}
}
//继承类
class Cat extends Animal{//重点。extends方法,内部用constructor+super
constructor(name)
super(name);
//super作为函数调用时,代表父类的构造函数
}//constructor可省略
eat(){
console.log("eating")
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
原型继承
//类模板
function Animal(name) {
this.name = name;
}
//添加原型方法
Animal.prototype.eat = function() {
console.log("eating");
};
function Cat(furColor) {
this.color = color;
}
//继承类
Cat.prototype = new Animal(); //重点:子实例的原型等于父类的实例
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
借用构造函数
function Animal(name){
this.name = name
}
function Cat(){
Animal.call(this,"CatName")//重点,调用父类的call方法
}
1
2
3
4
5
6
7
2
3
4
5
6
7