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>