代码示例库

这是我存放代码的地方.

Controlling Ratios of Flex Items Along the Main Axis 的原文：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax
文中示例代码：
http://jsbin.com/vowahik/edit?html,css,output

加载动画: http://jsbin.com/gubutuvexa/edit?html,css,output

轮播图: http://jsbin.com/naqogak/edit?html,css,js,output
轮播图重构: http://jsbin.com/gawudok/edit?js,output
轮播图改进(面向对象): http://jsbin.com/keyoqax/edit?js,output

鼠标事件执行顺序: http://jsbin.com/bimuvif/edit?html,js,output
鼠标事件的clientX, clientY属性:http://jsbin.com/rajujad/edit?html,css,js,output
pageX, pageY属性: http://jsbin.com/yenamin/edit?html,css,js,output

弹出层示例1: http://jsbin.com/bunerin/edit?html,css,js,output
弹出层示例2: http://jsbin.com/yamuvaw/edit?html,css,js,output

圣杯布局:http://jsbin.com/vumawul/edit?html,css,output
双飞翼布局:http://jsbin.com/rumiyok/1/edit?html,css,output

事件对象中target和currentTarget的区别: http://jsbin.com/vegogag/edit?html,js,output
currentTarget为事件处理程序绑定的对象(不会变的), target为事件正在处理的目标(可能会变)