内容介绍
此代码为php+ajax实现瀑布流代码,感觉jqueryschool网站的分享,主要用了3个function:
1、controller
2、view
3、model
这3个方法是面向对象编程的MVC模式,有兴趣的网友认真看一下哦,对大家的学习会有帮助的啦。。。
唯一不足之处就是加载数据的时候一定要部署到服务端才可以看到效果,大家使用的时候可以自定义加载数据功能。
页面加载代码如上:
window.onload = function(){
var oList, o, oWin;
oWin = Aui( window );
oList = Aui( "#demo li");
// 实例化对象
o = new Waterfall.controller( Aui );
// 配置参数( 宽度,纵向个数, 边框像素(单边*2), 外边距像素(单边*2), Aui列表对象 )
o.config( 225, 3, 10, 10, oList )
// 初始化定位布局
o.init( function(){
// 调用滑轮事件
this.event().scroll( oWin )
});
};