2016年02月_BunnyMelody

12月 11月 09月 08月 07月 06月 05月 04月 03月 02月

转载事件传播的三个阶段

事件传播的三个阶段第一阶段：从window对象传导到目标节点，称为“捕获阶段”（capture phase）。第二阶段：在目标节点上触发，称为“目标阶段”（target phase）。第三阶段：从目标节点传导回window对象，称为“冒泡阶段”（bubbling phase）。这种三阶段的传播模型，会使得一个事件在多个节点上触发。比如，假设div节点之中嵌套一个p节点。

2016-02-26 15:18:39 8513

原创 html + css + javascript 制作时间轴

在做很多小功能的时候，我们可能都需要时间轴，比如版本记录，或者一个流程的记录，简洁明了的设计会给人眼前一亮的感觉，如何大气简洁又能表述清楚呢，我这里有一个版本。当中的设计包括三角对话框的制作，我在上一篇博客中提过，圆形的制作，定位布局，也有可能，还需要一个回到顶部的功能。回到顶部如果不要求美观别致的话其实是一个相对容易的功能，我在这里的回到顶部也不是很华丽，代码类似这种：$('#scroll-to

2016-02-26 15:00:50 6617

原创 html+css制作带三角的矩形

网上有很多html+css制作带三角的矩形的方法，我在这里列举其中一种，兼容bootstrap3。我们先来看一个三角在左边的对话框的效果图矩形就不必说了，矩形的border-radius也不用说了，圆角可以自己设置，可以直接用bootstrap中的类。下面说下矩形左边的小三角，我们可以这么设置。右边的矩形我们标记为类log-content，左边的小三角我定义为类triangle，在html中的代

2016-02-26 14:36:34 4669