使用css3和jquery创建 win8 metro界面

最新推荐文章于 2024-09-09 09:35:48 发布
最新推荐文章于 2024-09-09 09:35:48 发布
阅读量85 收藏
点赞数
文章标签： javascript 前端 ViewUI
原文链接：http://www.cnblogs.com/dglives/p/3443937.html
版权

今天继续分享一款新的仿win8 metro界面特效，该效果采用最新的jquery和css3相结合的前端技术，实现了仿真度很高的win8平板桌面效果。

demo演示      demo下载

转载于:https://www.cnblogs.com/dglives/p/3443937.html

weixin_30396699
关注
jQuery+css3九宫格WIN8设计风格鼠标悬停动画效果
06-12
效果描述： 模仿win8设计风格，采用seajs插件，以及css3属性，实现鼠标移动到色块上的动画效果 使用方法： 1、将head中的样式引入到你的网页中 2、将body里的代码部分拷贝到你需要的地方即可 (注意保持图片路径正确)
jQuery+CSS3仿windows8 Metro风格界面布局效果
09-20
jQuery+CSS3仿windows8 Metro风格界面布局效果。
css3 模拟winphone 界面,纯CSS3仿Windows phone加载动画特效
weixin_39664998的博客
08-04 235
这是一款使用纯CSS3来制作的Windows phone loading加载动画特效。该loading动画特效使用CSS3 animation属性，通过设置不同的延迟时间来达到loading动画的效果。使用方法HTML结构该loading动画特效使用一组元素来制作loading指示器的小圆点。CSS样式在CSS样式中，通过span[class*="l-"]选择器来选择所有的loading圆点。它们...
jquery右侧客服模仿win8的metro风格
08-18
jquery右侧客服效果，模仿win8的metro风格，欢迎下载
html仿win8.1 metro界面
08-15
html仿win8.1 metro界面，以假乱真，可以用来全屏恶搞，哈哈
metro 风格 php源码,Win8 Metro UI风格Web素材样式资源合集
weixin_39847722的博客
03-18 198
最近微软已经正式发布了Windows8操作系统，Window操作系统的风格已经完全改变成了瓦片状的MetroUI。对于微软来说这是一个巨大的改变，而且所有微软的平台包括，桌面，平板，移动及其网站都使用这个UI风格。MetroUI包含了所有的现代Web设计的特点，包括了，简化，基于网格的界面，并且富有连续性。大家如果有兴趣可以看看这个界面设计说明(http://msdn.microsoft.c...
基于jQuery的Win8 Metro风格的html导航模板
05-20
综上所述，这个项目提供了一个使用jQuery和HTML实现的、具有Win8 Metro风格的导航模板，适合那些希望为他们的网站或应用增添现代感和互动性的开发者。通过提供的源码，开发者可以学习如何利用jQuery创建类似的交互式...
jquery html5制作Win8 metro界面交互动画设计
10-31
9. **性能优化**：由于Win8 Metro界面通常要求流畅的动画和快速的响应，开发者需要关注性能优化，例如合理使用CSS3硬件加速、减少DOM操作、缓存重复计算结果等。 10. **jQuery插件**：在jQuery社区中，有许多专门...
CSS3的仿windows8 Metro风格界面布局效果.zip
07-11
js代码 [removed][removed] [removed] $(document).ready(function () { ...这是一款基于jQuery CSS3实现的仿windows8 Metro风格界面布局效果，Win8 Metro系统风格面板点击全屏打开展示内容。
Metro风兼瀑布流布局效果
06-10
“梅超风”来啦，一款最新的jquery模拟Metro风瀑布流特效，可以无限往下延伸，懒人之家推荐下载
jquery css3结合模拟的WIN8风格的卡片式界面UI特效
10-31
在本项目中，我们将探讨如何使用jQuery和CSS3技术来创建一个模拟Windows 8风格的卡片式界面UI特效。这个效果通常用于构建现代、互动性强的网页应用，它以其直观的布局和动态交互吸引用户。以下是你需要了解的关键...
CSS3代码实现响应式WIN 8 metro风格页面.zip
09-25
在“CSS3代码实现响应式WIN 8 metro风格页面”项目中，我们将会探讨如何使用CSS3特性来创建类似Windows 8 Metro UI的界面效果。此项目包含了HTML结构、JavaScript交互以及CSS样式，通过jQuery插件和特效进一步增强...
html css实现win8,用CSS3实现Win8风格的方格导航菜单效果
weixin_42517963的博客
06-19 250
代码如下所示：复制代码代码如下:用CSS3实现Win8风格的方格导航菜单效果#about {color: #999;text-align: center;font: 0.9em Arial, Helvetica;}#about a {color: #777;}.menu {width: 620px;margin: 100px auto;padding: 15px;list-style: none;...
纯CSS实现Windows8风格布局
ICode联盟
03-01 178
下载地址 使用纯css代码实现简单的windows8主题布局效果。 dd:
@media screen响应式
weixin_30532369的博客
03-24 1623
原文：http://blog.csdn.net/inuyasha1121/article/details/50777116 优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值 准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效...
Win8风格界面效果
Dragon.G
05-28 1141
很久前写的代码了，今天用来试着演示使用codepen来显示代码和演示最终实现效果，现在这样展示代码和效果体验是不是很6！ See the Pen <a href="http://codepen.io/G-Dragon/pen/beGgba/">Win8 Type UI</a> by G.Dragon (<a href="http://codepen.io/G-Dragon">@G-Dragon<
Droptiles —— Metro 风格的层叠式 Web 面板
weixin_33985507的博客
06-06 89
介绍 Droptiles是一套Metro风格的类似Win8的Web2.0控制面板。它采用图块（tiles）建立用户体验。图块（tiles）是一些 可以从外部资源中获取数据的迷你应用。点击图块（tile）就能够启动全部应用。应用可以是任意已存在的网站，抑或专门为面板式体验而设计的自定义网站。 Droptiles几乎全部是用HTML, Javascript...
软件著作权申请教程（超详细）（2024新版）软著申请
最新发布
m0_75269526的博客
09-09 2595
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值