jquery插件实现瀑布流图片展示实例

jquery砌体与无穷小两款瀑布流插件制作当下最流行的瀑布流图片展示实例，通过鼠标滚动图片无限加载的类似瀑布的效果的图片展示。用户可以无限浏览图片或内容无限加载瀑布流效果。

代码：

脚本类型=' text/JavaScript '函数item _ shim(){ $(' .项目img ').load(function(){ $(')).无限_滚动')。砖石工程({ itemSelector: ' .砖石_砖，柱宽：226,檐槽宽：15 });});$('.无限_滚动')。砖石工程({ itemSelector: ' .砖石_砖，柱宽：226,檐槽宽：15 });} $(function(){ function item _ callback(){ $(').项目')。mouseover(函数(){ $(this)).css('box-shadow '，' 0 1px 5px rgba(35，25，25，0.5)')；$('.'btns '，这个)。show()；}).mouseout(函数(){ $(此)).css('box-shadow '，' 0 1px 3px rgba(34，25，25，0.2)')；$('.btns '，这个)。hide()；});项目_砖石工程();} item _ callback()；$('.项目')。fadeIn()；var sp=1 $(' .无限_滚动')。infinismcroll({ nav selector : ' # more '，nextSelector : '#more a '，itemSelector : ' .项目'，已加载： { img : '图像/砖石_loading_1.gif '，msgText: ' '，finishedMsg: '木有了，完成：函数(){ spif(sp=10){ //到第10页结束事件$('#more ').移除();$('#infscr-loading ').hide()；$('#page ').show()；$(窗口)。解除绑定('。《中导公约》；} } }，error callback : FuncTion(){ $(' # page ').show()；} }，函数(新元素){ var $ new elems=$(新元素)；$('.无限_滚动')。砖石工程('附加，$newElems，false)；$ Newelems。FADEIN()；item _ callback()；返回；});});/script演示图片

以上所述就是本文的全部内容了，希望能够对大家学习jQuery有所帮助。