时间:2021-07-01 10:21:17 帮助过:98人阅读
Win8中的磁贴可调整大小,分组,还有更好玩的动态信息显示。网上也有了比较完整的Web Metro UI框架库,比较好的一个??Metro UI template:http://metro-webdesign.info/,(这个是收费的),还有许多其它的,可参看园子里园友(梦想天空)列举的:http://www.cnblogs.com/lhb25/archive/2013/04/11/10-metro-bootstraps-ui-templates.html。
本篇的磁贴只实现了简单的磁贴样式和选中效果,用CSS实现。考虑到磁贴的可选中性,想到了html中的复选框,核心原理其实就是用css伪类来实现。
先看效果截图吧:
看代码(很简单,也可在这里http://runjs.cn/detail/mirwgdac fork一份,实现你自己的,同时向大家推荐runjs.cn,这个真不错,和jsfiddle有的比。也欢迎关注我x-strong :)):
1 2 3 4 56 Metro UI试手之Tile 7 8 75 76 7778 Metro UI之磁贴(Tile) 79
8081 919293 103104 105106 116117 118
Metro UI之磁贴(Tile)
简单磁贴
简单磁贴
简单磁贴