今天我们要来分享一款基于CSS3的响应式滑动菜单，该菜单有两个特点：1.响应式布局，这就意味着随着页面大小的变化，菜单的布局也会发生自适应变化，特别适合在移动设备上使用。2.鼠标滑过动画，鼠标滑过菜单项时可以渐变滑动，动画效果还不错。
分类：
Web程序 时间：
2015-08-05 21:42:23
阅读次数：
153
//最大不能超过640px//content="width=device-width指定设备的宽，initial-scale=1按照原比例进行缩放@media screen and (min-width: 600px;) and (max-width: 960px){}//最小600最大960px；
分类：
其他好文 时间：
2015-08-04 18:36:22
阅读次数：
92
1.HTML部分 |-HTML5 |-CSS(CSS3) |-JavaScript(重点) |-jquery |-node.js2.响应式布局 |-Bootstrap3.在js中通过location发送数据 location.href='index.html?name=haoren&pwd=123&...
分类：
其他好文 时间：
2015-07-30 12:50:30
阅读次数：
109
最近要求做支持移动端网站我们的设计已经把移动端UI给我了，但是我还没想好改用哪种方式支持移动端1.常见的就是2级域名m.baidu.com，框架根据访问者设备，来选择是否跳转到移动站2.同域名的不同页面3.全站响应式布局……这时朋友给我推荐了mvc的display mode。相关介绍我不多说了，简单...
分类：
移动开发 时间：
2015-07-24 15:45:11
阅读次数：
171
开门见山，本篇将总结一下 MobileWeb 的适配方法，即我们常说的H5页面、手机页面、WAP页、webview页面等等。本篇讨论的页面指专门针对手机设备设计的页面，并非兼容全设备的响应式布局。 文中提到的device-width指 viewport meta 标签中 width 的值，即由浏览器...
分类：
Web程序 时间：
2015-07-23 19:41:56
阅读次数：
2944
8. 表单 Form在 form 标签中添加 .pure-form 类，可生成单行表单（inline）效果图：代码： A compact inline form Remember me Sign in 在 form 标签中添加 .pure...
分类：
Web程序 时间：
2015-07-17 17:51:54
阅读次数：
176
10. 表格 Tables在 table 标签增加 .pure-table 类 # Make Model Year 1 Honda Accord 2009 2...
分类：
Web程序 时间：
2015-07-17 17:48:42
阅读次数：
192
0. Pure-CSS 介绍Pure CSS 是雅虎出品的 CSS 框架，依托于Normalize.CSS，在不适用任何JS代码情况下即可实现响应式布局的轻量级框架，无依赖，体积小。1. CDN2. 设置 Viewport3. 完整 HTML5 模板 页面标题 4. 隐藏元素在元素中加入hi...
分类：
Web程序 时间：
2015-07-17 17:40:41
阅读次数：
171
关于响应式布局 为了能使我们的网页适应不同设备的屏幕尺寸，通常我们会在CSS使用 media queries 来改变不同规格下的页面样式，对于有的元素，只需要增加 width:100% 就足够使其具有响应式布局的能力。 我们会定义...
分类：
其他好文 时间：
2015-07-17 12:16:24
阅读次数：
175
Media Queries： http://www.cnblogs.com/asqq/archive/2012/04/13/2445912.html
分类：
其他好文 时间：
2015-07-14 17:29:28
阅读次数：
90
