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 时间轴 网友水墨寒 瀑布流 Facebook