Jquery实现超酷的时间轴特效

Timeline时间轴Jquery特效是一款现在互联网上非常流行的一种布局结构,结合了瀑布流布局,最近很多网友问到这种特效,网站上有网友们分享过一款,功能虽然实现,但样式不太好看,今天就把它整理出来分享给大家,网友们好好利用哦。。。。 

时间轴特效:​http://www.huiyi8.com/shijianzhou/​
页面使用代码如下:
<script type="text/javascript">
$(document).ready(function() {
  /*时间轴*/
  $('#Container').masonry({itemSelector : '.item'});
	function Arrow_Points(){
	  var s = $("#Container").find(".item");
	  $.each(s,function(i,obj){
		var posLeft = $(obj).css("left");
		if(posLeft == "0px"){
		  html = "<span class='rightCorner'></span>";
		  $(obj).prepend(html);
		} else {
		  html = "<span class='leftCorner'></span>";
		  $(obj).prepend(html);
		}
	  });
	}
	Arrow_Points();
});
</script>
原文地址:https://www.cnblogs.com/xkzy/p/4146682.html