绘艺素材网
主页 > 脚本代码 > Jquery实现超酷的时间轴特效

Jquery实现超酷的时间轴特效

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

页面使用代码如下:
<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>

Timeline Jquery 时间轴特效 JS格式 HTML格式 CSS格式
立即下载本素材 “关注公众号,送价值699元超级大礼包”
二维码
jQuery倒计时插件FlipTimer
jQuery倒计时插件FlipTimer
微俱聚平台更新日志jquery时间轴特效
微俱聚平台更新日志jquery时间轴特效

猜你喜欢

热门标签

相关专题

同类内容