Metro风格设计主要特点 1.Windows 8 Metro风格设计,实现网站或系统功能的导航 2.纯Javascript实现 3.支持所有IE.360.Chrome等常用浏览器 4.支持圆角.阴影.卡片切换等特效 5.支持卡片的放大.缩小.增加.删除等功能 6.可自定义卡片背景色.背景图片.卡片图片.卡片文字 7.卡片间可任意切换 Metro风格截图 Metro部分算法 卡片显示部分代码: str='<li data-mode="flip" id="'+itemID…
http://huaban.com/pins/538986818…
这些资源包含:模板,框架,jQuery插件,图标集等.帮助你快速开发Windows 8 Metro UI风格的网站.本文转自虾米站长网 Frameworks & Templates For Metro-Styled Websites Metro UI CSS Metro UI CSS是一个漂亮,完整的框架,用于构建Metro风格网站. 它有杉LESS创建并拥有一个网格系统,包含排版,表格,表单,按钮,和图像的样式. 它内置JavaScript组件: popular tiles, menu, si…
摘 要 Windows8已经发布,随之而来的基于WinRT的Metro应用也正向我们走来,正像它所宣传的:光滑.快.现代.看习惯了玻璃.立体风格的应用,或许Metro的简洁能给你留下不一样的体验.Visual Studio 2012为Metro应用提供了强有力的开发支持.磨刀不误砍柴工!这一章我们先来介绍一下开发环境的搭建及可能遇到的问题,最后再来一个简单的应用体验一下Metro的开发. 第1节 搭建开发环境 Windows8不但支持传统的桌面应用,并且推出一个专为触摸而设计的最新Metro风格…
介绍 Droptiles是一套Metro风格的类似Win8的Web2.0控制面板.它采用图块(tiles)建立用户体验.图块(tiles)是一些可以从外部资源中获取数据的迷你应用.点击图块(tile)就能够启动全部应用.应用可以是任意已存在的网站,抑或专门为面板式体验而设计的自定义网站.Droptiles几乎全部是用HTML, Javascript 和CSS创建的,因此它具有很高的平台可移植性.示例工程采用ASP.NET创建,展示了一些服务端功能:如注册.登录以及从服务器获取动态数据.你也可以很…
前言:从毕业到现在已经三年多了,回忆一下这三年基本上没有写过博客,总是觉得忙,没时间写,也觉得写博客没什么大用.但是看到很多大牛们都在写博客,分享自己的东西,所以嘛本着向大牛看齐,分享第一,记录第二的目的开始写一个系列的文章,我会把我做一个项目的详细过程分享给大家,供大家参考和交流.好了,评书开讲! 可能大家做Android机顶盒或者Android电视开发的比较少,这类开发基本上都是基于源码的开发,大家有一个git版本库,大家开发完了编译出来一个版本烧到板子上跑,要编译肯定就要编译环境什么的,g…
前言:从毕业到现在已经三年多了,回忆一下这三年基本上没有写过博客,总是觉得忙,没时间写,也觉得写博客没什么大用.但是看到很多大牛们都在写博客,分享自己的东西,所以嘛本着向大牛看齐,分享第一,记录第二的目的开始写一个系列的文章,我会把我做一个项目的详细过程分享给大家,供大家参考和交流.好了,评书开讲! 可能大家做Android机顶盒或者Android电视开发的比较少,这类开发基本上都是基于源码的开发,大家有一个git版本库,大家开发完了编译出来一个版本烧到板子上跑,要编译肯定就要编译环境什么的,g…
原文:企业部署Windows 8 Store 风格应用 引言 之前我们都知道可以将应用程序发布到Windows 商店中供用户下载使用.如果我们是企业开发人员,则我们的应用可能属于以下两种类别之一: 1.应用内容是只与公司内个人切实相关的应用. 2.希望尽可能多的用户可以使用我们的应用,最好将该应用列在 Windows 应用商店中. 本篇博文主要针对第一种类型的应用如何部署到企业进行分析. 一.准备应用 虽然通过Windows Store将应用程序部署到客户电脑上是一种非常便捷的方式,但是对于定制…
METRO风格是指微软在WINDOWS PHONE 7中新加入的界面风格,并且计划将其用于windows8中的开始菜单界面.该界面的特点是简洁高效,每一个METRO图标都没有边框,形状有点像地铁站中的指示牌…
纯javaScript实现个性化图片轮播 轮播原理说明<如上图所示>: 1. 画布部分(可视区域)属性说明:overflow:hidden使得超出画布部分隐藏或说不可见.position:relative 会导致自身位置的相对变化,而不会影响其他元素的位置.大小的变化.使得使用了position:absolute 元素相对于画布位置进行定位: absolute元素脱离了文档结构,产生破坏性,导致父元素坍塌,float元素也会脱离文档结构,absolute元素会悬浮在页面上方,遮挡其他部分显示,…