zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    匈牙利算法自主总结
    luogu P2071 座位安排
    luogu P1613 跑路
    luogu P1250 种树
    luogu P1744 采购特价商品
    网络流
    其他图论
    组合计数
    小技巧
    矩阵&&高斯消元
  • 原文地址:https://www.cnblogs.com/xkzy/p/4146682.html
Copyright © 2011-2022 走看看