jQuery垂直时间轴特效插件下载

本Demo是一个发展简史的特效、其实也可叫jQuery时间轴特效、当我们鼠标滚动到一定的高度动画显示发展时间轴、这个要显示的内容可自定义的哦、大家可以改为自己的发展过程、或则企业的历程、运行效果如下

Html代码

<div class="history_right">
	<p class="history_R year211">
		<span class="history_2005_span yellow">2012</span>
		<b class="history_2005_b yellow_R">
			<span class="history_r_month">10<br/>月</span>
			<span class="history_r_text">
				CC视频荣获“清科集团中国
				<br/>最具投资价值50强”荣誉
			</span>
		</b>
	</p>
	<p class="history_R yearalmostr">
		<span class="history_2005_span yellow">2014</span>
		<b class="history_2005_b yellow_R">
			<span class="history_r_month">10<br/>月</span>
			<span class="history_r_text">
				CC视频荣获<br/>
				“最佳教育技术提供商”荣誉
			</span>
		</b>
	</p>
</div>
<div class="clear"></div>

JQuery代码

$(window).scroll(function(){
    var msg = $(".history-img");
    var item = $(".history_L");
    var items = $(".history_R");
    var windowHeight = $(window).height();
    var Scroll = $(document).scrollTop();
    if((msg.offset().top - Scroll -windowHeight)<=0){
        msg.fadeIn(1500);
    }
    for(var i=0;i<item.length;i  ){
        if(($(item[i]).offset().top - Scroll - windowHeight)<= -100){
            $(item[i]).animate({marginRight:´0px´},´50´,´swing´);
        }
    }
    for(var i=0;i<items.length;i  ){
        if(($(items[i]).offset().top - Scroll - windowHeight)<= -100){
            $(items[i]).animate({marginLeft:´0px´},´50´,´swing´);
        }
    }
});

若资源对你有帮助、扫描下方的二维码、关注DD博客微信公众号（ddblogs）吧

最后给贴上Demo的源代码、希望对大家有用、有兴趣的哥们可以下载看看

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1eQ6hjs2 密码: kk9i