data.json

[{
	"isPage": true,
	"name": "face"
}, {
	"isComp": true,
	"name": "slide_up",
	"cfg": {
		"bg": "imgs/footer.png",
		"css": {
			"left": 0,
			"bottom": -20,
			"width": "100%",
			"height": "20px",
			"zIndex": 999
		},
		"animateIn": {
			"opacity": 1,
			"bottom": "-1px"
		},
		"animateOut": {
			"opacity": 0,
			"bottom": "-20px"
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "topic",
	"cfg": {
		"center": true,
		"width": 395,
		"height": 130,
		"bg": "imgs/face_logo.png",
		"css": {
			"opacity": 0
		},
		"animateIn": {
			"top": 100,
			"opacity": 1
		},
		"animateOut": {
			"top": 0,
			"opacity": 0
		}
	}
}, {
	"isComp": true,
	"name": "slogan",
	"cfg": {
		"center": true,
		"width": 365,
		"height": 99,
		"bg": "imgs/face_slogan.png",
		"css": {
			"opacity": 0,
			"top": 180
		},
		"animateIn": {
			"left": "50%",
			"opacity": 1
		},
		"animateOut": {
			"left": 0,
			"opacity": 0
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "face_img_left",
	"cfg": {
		"width": 370,
		"height": 493,
		"bg": "imgs/face_img_left.png",
		"css": {
			"opacity": 0,
			"left": -50,
			"bottom": -50
		},
		"animateIn": {
			"opacity": 1,
			"left": 0,
			"bottom": 0
		},
		"animateOut": {
			"opacity": 0,
			"left": -50,
			"bottom": -50
		},
		"delay": 1000
	}
}, {
	"isComp": true,
	"name": "face_img_right",
	"cfg": {
		"width": 276,
		"height": 449,
		"bg": "imgs/face_img_right.png",
		"css": {
			"opacity": 0,
			"right": -50,
			"bottom": -50
		},
		"animateIn": {
			"opacity": 1,
			"right": 0,
			"bottom": 0
		},
		"animateOut": {
			"opacity": 0,
			"right": -50,
			"bottom": -50
		},
		"delay": 1000
	}
}, {
	"isPage": true
}, {
	"isComp": true,
	"name": "slide_up",
	"cfg": {
		"bg": "imgs/footer.png",
		"css": {
			"left": 0,
			"bottom": -20,
			"width": "100%",
			"height": "20px",
			"zIndex": 999
		},
		"animateIn": {
			"opacity": 1,
			"bottom": "-1px"
		},
		"animateOut": {
			"opacity": 0,
			"bottom": "-20px"
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "caption",
	"cfg": {
		"text": "核心理念"
	}
}, {
	"isComp": true,
	"name": "text",
	"cfg": {
		"width": 500,
		"height": 30,
		"center": true,
		"text": "IT教育网=只学有用的",
		"css": {
			"opacity": 0,
			"textAlign": "center",
			"color": "red",
			"fontSize": "26px"
		},
		"animateIn": {
			"opacity": 1,
			"top": 120
		},
		"animateOut": {
			"opacity": 0,
			"top": 240
		}
	}
}, {
	"isComp": true,
	"name": "description",
	"cfg": {
		"center": true,
		"width": 481,
		"height": 295,
		"bg": "imgs/description_bg.gif",
		"css": {
			"opacity": 0,
			"padding": "15px 10px 10px 10px",
			"color": "#fff",
			"fontSize": "15px",
			"lineHeight": "18px",
			"textAlign": "justify",
			"top": 240
		},
		"text": "慕课网很厉害不拉不拉不拉。。。",
		"animateIn": {
			"opacity": 1,
			"top": 190
		},
		"animateOut": {
			"opacity": 0,
			"top": 240
		},
		"delay": 1000
	}
}, {
	"isComp": true,
	"name": "people",
	"cfg": {
		"center": true,
		"width": 515,
		"height": 305,
		"bg": "imgs/p1_people.png",
		"css": {
			"opacity": 0,
			"bottom": 0
		},
		"animateIn": {
			"opacity": 1,
			"bottom": 40
		},
		"animateOut": {
			"opacity": 0,
			"bottom": 0
		},
		"delay": 500
	}
}, {
	"isPage": true
}, {
	"isComp": true,
	"name": "slide_up",
	"cfg": {
		"bg": "imgs/footer.png",
		"css": {
			"left": 0,
			"bottom": -20,
			"width": "100%",
			"height": "20px",
			"zIndex": 999
		},
		"animateIn": {
			"opacity": 1,
			"bottom": "-1px"
		},
		"animateOut": {
			"opacity": 0,
			"bottom": "-20px"
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "caption",
	"cfg": {
		"text": "课程分布方向"
	}
}, {
	"isComp": true,
	"name": "polyline",
	"cfg": {
		"type": "polyline",
		"width": 530,
		"height": 300,
		"data": [
			["前端开发", 0.4, "#ff7676"],
			["后端开发", 0.25],
			["移动端开发", 0.15],
			["图像处理", 0.1],
			["测试运维", 0.1]
		],
		"css": {
			"top": 200,
			"opacity": 1
		},
		"animateIn": {
			"top": 250,
			"opacity": 1
		},
		"animateOut": {
			"top": 200,
			"opacity": 0
		},
		"center": true
	}
}, {
	"isComp": true,
	"name": "msg",
	"cfg": {
		"text": "前端课程占到40%",
		"css": {
			"opacity": 0,
			"top": 160,
			"textAlign": "center",
			"width": "100%",
			"color": "#ff7676"
		},
		"animateIn": {
			"opacity": 1
		},
		"animateOut": {
			"opacity": 0
		}
	}
}, {
	"isPage": true
}, {
	"isComp": true,
	"name": "slide_up",
	"cfg": {
		"bg": "imgs/footer.png",
		"css": {
			"left": 0,
			"bottom": -20,
			"width": "100%",
			"height": "20px",
			"zIndex": 999
		},
		"animateIn": {
			"opacity": 1,
			"bottom": "-1px"
		},
		"animateOut": {
			"opacity": 0,
			"bottom": "-20px"
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "caption",
	"cfg": {
		"text": "移动端开发课程"
	}
}, {
	"isComp": true,
	"name": "pie",
	"cfg": {
		"type": "pie",
		"center": true,
		"width": 300,
		"height": 300,
		"data": [
			["Android", 0.6, "#ff7676"],
			["iOS", 0.2, "#ff5"],
			["Cocos2d-x", 0.1, "#555"],
			["Unity-3D", 0.1, "#5f5"]
		],
		"css": {
			"top": 200,
			"opacity": 1
		}
	}
}, {
	"isComp": true,
	"name": "msg",
	"cfg": {
		"text": "移动课程 Android 占到60%",
		"css": {
			"opacity": 0,
			"bottom": 120,
			"textAlign": "center",
			"width": "100%",
			"color": "#ff7676"
		},
		"animateIn": {
			"opacity": 1
		},
		"animateOut": {
			"opacity": 0
		}
	}
}, {
	"isPage": true
}, {
	"isComp": true,
	"name": "slide_up",
	"cfg": {
		"bg": "imgs/footer.png",
		"css": {
			"left": 0,
			"bottom": -20,
			"width": "100%",
			"height": "20px",
			"zIndex": 999
		},
		"animateIn": {
			"opacity": 1,
			"bottom": "-1px"
		},
		"animateOut": {
			"opacity": 0,
			"bottom": "-20px"
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "caption",
	"cfg": {
		"text": "前端开发课程"
	}
}, {
	"isComp": true,
	"name": "bar",
	"cfg": {
		"type": "bar",
		"width": 530,
		"height": 600,
		"data": [
			["JavaScript", 0.4, "#ff7676"],
			["HTML/CSS", 0.2],
			["HTML5", 0.1],
			["CSS3", 0.15],
			["jQuery", 0.35],
			["BootStrap", 0.05],
			["Vue.js", 0.03]
		],
		"css": {
			"top": 100,
			"opacity": 0
		},
		"animateIn": {
			"top": 250,
			"opacity": 1
		},
		"animateOut": {
			"top": 100,
			"opacity": 0
		},
		"center": true
	}
}, {
	"isComp": true,
	"name": "msg",
	"cfg": {
		"text": "前端课程 JavaScript 占到40%",
		"css": {
			"opacity": 0,
			"top": 160,
			"textAlign": "center",
			"width": "100%",
			"color": "#ff7676"
		},
		"animateIn": {
			"opacity": 1
		},
		"animateOut": {
			"opacity": 0
		}
	}
}, {
	"isPage": true
}, {
	"isComp": true,
	"name": "slide_up",
	"cfg": {
		"bg": "imgs/footer.png",
		"css": {
			"left": 0,
			"bottom": -20,
			"width": "100%",
			"height": "20px",
			"zIndex": 999
		},
		"animateIn": {
			"opacity": 1,
			"bottom": "-1px"
		},
		"animateOut": {
			"opacity": 0,
			"bottom": "-20px"
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "caption",
	"cfg": {
		"text": "前端开发课程"
	}
}, {
	"isComp": true,
	"name": "radar",
	"cfg": {
		"type": "radar",
		"width": 400,
		"height": 400,
		"data": [
			["JS", 0.6, "#ff7676"],
			["HTML", 0.9],
			["CSS", 0.7],
			["jQuery", 0.5],
			["PHP", 0.5],
			["Vue.js", 0.3]
		],
		"css": {
			"top": 200,
			"opacity": 1
		},
		"animateIn": {
			"top": 200,
			"opacity": 1
		},
		"animateOut": {
			"top": 100,
			"opacity": 0
		},
		"center": true
	}
}, {
	"isComp": true,
	"name": "msg",
	"cfg": {
		"text": "前端开发课程 JS 占到60%",
		"css": {
			"opacity": 0,
			"bottom": 120,
			"textAlign": "center",
			"width": "100%",
			"color": "#ff7676"
		},
		"animateIn": {
			"opacity": 1
		},
		"animateOut": {
			"opacity": 0
		}
	}
}, {
	"isPage": true
}, {
	"isComp": true,
	"name": "slide_up",
	"cfg": {
		"bg": "imgs/footer.png",
		"css": {
			"left": 0,
			"bottom": -20,
			"width": "100%",
			"height": "20px",
			"zIndex": 999
		},
		"animateIn": {
			"opacity": 1,
			"bottom": "-1px"
		},
		"animateOut": {
			"opacity": 0,
			"bottom": "-20px"
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "caption",
	"cfg": {
		"text": "课程难度分布"
	}
}, {
	"isComp": true,
	"name": "point",
	"cfg": {
		"type": "point",
		"width": 300,
		"height": 300,
		"data": [
			["初级", 0.5, "#ff7676"],
			["中级", 0.3, "#ffa3a4", "50%", "-120%"],
			["高级", 0.2, "#99c1ff", 0, "-60%"]
		],
		"css": {
			"bottom": "20%"
		},
		"animateIn": {
			"bottom": "20%",
			"opacity": 1
		},
		"animateOut": {
			"bottom": 0,
			"opacity": 0
		},
		"center": true
	}
}, {
	"isPage": true,
	"name": "tail"
}, {
	"isComp": true,
	"name": "slide_up",
	"cfg": {
		"bg": "imgs/footer.png",
		"css": {
			"left": 0,
			"bottom": -20,
			"width": "100%",
			"height": "20px",
			"zIndex": 999
		},
		"animateIn": {
			"opacity": 1,
			"bottom": "-1px"
		},
		"animateOut": {
			"opacity": 0,
			"bottom": "-20px"
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "logo",
	"cfg": {
		"center": true,
		"width": 359,
		"height": 129,
		"bg": "imgs/tail_logo.png",
		"css": {
			"opacity": 0,
			"top": 240
		},
		"animateIn": {
			"opacity": 1,
			"top": 210
		},
		"animateOut": {
			"opacity": 0,
			"top": 240
		}
	}
}, {
	"isComp": true,
	"name": "slogan",
	"cfg": {
		"center": true,
		"width": 314,
		"height": 46,
		"bg": "imgs/tail_slogan.png",
		"css": {
			"opacity": 0,
			"top": 280,
			"left": 0
		},
		"animateIn": {
			"opacity": 1,
			"left": "50%"
		},
		"animateOut": {
			"opacity": 0,
			"left": 0
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "share",
	"cfg": {
		"width": 128,
		"height": 120,
		"bg": "imgs/tail_share.png",
		"css": {
			"opacity": 0,
			"top": 110,
			"right": 110
		},
		"animateIn": {
			"opacity": 1,
			"top": 10,
			"right": 10
		},
		"animateOut": {
			"opacity": 0,
			"top": 110,
			"right": 110
		},
		"delay": 500
	}
}, {
	"isComp": true,
	"name": "back",
	"cfg": {
		"center": true,
		"width": 52,
		"height": 50,
		"bg": "imgs/tail_back.png",
		"onclick": "$.fn.fullpage.moveTo(1);"
	}
}]