网格图片瀑布流布局加载

来源:https://www.sucaihuo.com/js/1725.html 2017-04-14 21:00浏览(808) 收藏

这是一款瀑布流代码,非常漂亮界面,可以做文字图片结合特效,排版很美。
网格图片瀑布流布局加载
分类:图片代码 > 延迟加载 难易:初级
查看演示 下载资源 下载积分: 20 积分
(function(window) {

	/**
	 * GridLoaderFx obj.
	 */
	function GridLoaderFx(el, options) {
		this.el = el;
		this.items = this.el.querySelectorAll('.grid__item > .grid__link');
	}
	
	/**
	 * Effects.
	 */
	GridLoaderFx.prototype.effects = {
		'Hapi': {
			animeOpts: {
				duration: function(t,i) {
					return 600 + i*75;
				},
				easing: 'easeOutExpo',
				delay: function(t,i) {
					return i*50;
				},
				opacity: {
					value: [0,1],
					easing: 'linear'
				},
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2