基于HTML5的图像墙效应
本文介绍了基于HTML5的图片墙效果,供大家参考,具体的实现方法如下:
有一组数据要用图片墙的效果来显示。这些数据是动态的,保持与AngularJS,可以添加和删除。
接口上每行最多4个单元格。
下面是代码:
复制代码代码如下所示:
表格界面
列表样式:无;}
{ { } }
VaR的应用= angular.module(的应用
console.log('started);
});
无功mytasklist = {
全部:{
{标题:这是第一个列表。
列表:{已完成false
{已完成false
{已完成false
{已完成false
} },
{标题:这是第二个列表。
列表:{已完成false
{已完成false
{已完成false
{已完成false
} },
{标题:这是第三个列表。
列表:{已完成false
{已完成false
{已完成false
{已完成false
} },
{标题:这是第一个列表。
列表:{已完成false
{已完成false
{已完成false
{已完成false
} },
{标题:这是第二个列表。
列表:{已完成false
{已完成false
{已完成false
{已完成false
} },
{标题:这是第三个列表。
列表:{已完成false
{已完成false
{已完成false
{已完成false
} },
{标题:这是第四个列表。
列表:{已完成false
{已完成false
{已完成false
{已完成false
} }
}
};
App.controller(myctrl
这里显示了一个表布局,如照片墙。
任务列表= mytasklist美元范围;
});
完整的实例代码在这里下载。
希望本文能对大家的HTML5程序设计有所帮助。