jQuery动画垂直时间轴特效

jQuery动画垂直时间轴特效演示如下

代码调用

<div class="timeline">
	<div class="timeline-date">
		<ul>
			<h2 class="second" style="position: relative;">
				<span>2013年</span>
			</h2>
			<li>
				<h3>09.03<span>2013</span></h3>
				<dl class="right">
					<span>时间轴就要成功了！</span>
				</dl>
			</li>
			<li>
				<h3>08.15<span>2013</span></h3>
				<dl class="right">
					<span>为了时间轴奋斗吧！</span>
				</dl>
			</li>
		</ul>
	</div>
	<div class="timeline-date">
		<ul>
			<h2 class="second" style="position: relative;">
				<span>2012年</span>
			</h2>
			<li>
				<h3>09.03<span>2012</span></h3>
				<dl class="right">
					<span>那一年的今天！</span>
				</dl>
			</li>
			<li>
				<h3>08.15<span>2012</span></h3>
				<dl class="right">
					<span>前端之路慢慢修远！</span>
				</dl>
			</li>
		</ul>
	</div>
</div>