响应式的无限滚动全屏dribbble作品集布局展示效果

日期:2013-5-28  来源:GBin1.com

响应式的无限滚动全屏dribbble作品集布局展示效果

在线演示/下载

大家还记得前面分享过的两个魔术布局效果吧:

  • 响应式的dribbble作品集魔术布局展示效果

  • 宽度自适应缩进的响应式dribbble作品集魔术布局展示效果

今天分享一个使用jQuery sly插件构建的全屏响应式布局布局效果,支持无限滚动。

相关插件:

  • Jribbble :一个帮助你方便调用dribbble API的jQuery插件
  • Sly:一个帮助你生成水平方向滚动效果的jQuery插件

主要Javascript代码:

var options = {
			scrollBy: 200,
			speed: 200,
			easing: 'easeOutQuart',
			scrollBar: '#scrollbar',
			dynamicHandle: 1,
			dragHandle: 1,
			clickBar: 1,
			mouseDragging: 1,
			touchDragging: 1,
			releaseSwing: 1
		};
		var frame = new Sly('#frame', options); ......

 具体代码,请大家下载后自行查看。

来源:响应式的无限滚动全屏dribbble作品集布局展示效果

你可能感兴趣的:(jquery,jquery插件,原创)