首先非常感谢网友Adam‘的无私分享,此js特效是他用自己写的js框架Aui-core实现模拟MVC单列表绝对定位版瀑布流。
主要用了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 )
});
};
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
Aui-core 瀑布流 网友Adam’ js特效 QQ相册 Jquery相册