atitti.atiNav 手机导航组件的设计

1.1. 三大按键导航功能，back，menu ，home1

1.2. header页头组件，为移动页面顶部的导航条设计。1

1.3. 页头主题设计1

1.1. 三大按键导航功能，back，menu ，home

参考Android的三大按键导航功能，back，menu ，home

那确定按钮哪里去了？？基本就靠触摸了

1.2. header页头组件，为移动页面顶部的导航条设计。

作者:: ★(attilax)>>> 绰号:老哇的爪子（全名：：Attilax Akbar Al Rapanui 阿提拉克斯阿克巴阿尔拉帕努伊）汉字名：艾龙， EMAIL:[email protected]

转载请注明来源： http://www.cnblogs.com/attilax/

1.3. 页头主题设计

页头图标与文字

首页

</span>

页头主题文综

时间： 2024-10-25 00:50:22

atitti.atiNav 手机导航组件的设计的相关文章

组件化设计与开发

http://colachan.com/post/3545 终于迎来一期特刊.最近打算在公司内部做一个分享,讲的是组件化的设计与开发的思维方式.准备完演讲资料,发现这完全可以改成一篇文章.藏着掖着不合适,发出来分享给有需求的朋友吧,就当是个试讲了,希望大家帮忙指出错误. 下载地址:https://www.jianguoyun.com/p/DY1Z3bEQwKOaBhimoyg 由于本文首先是以keynote的形式诞生的,其中还有动画和视频,所以我比较推荐大家直接下载keynote文件(也存了PP

第二百三十八节，Bootstrap输入框和导航组件

Bootstrap输入框和导航组件学习要点: 1.输入框组件 2.导航组件 3.导航条组件本节课我们主要学习一下Bootstrap的两个个组件功能:输入框组件和导航导航条组件. 一．输入框组件文本输入框就是可以在<input>元素前后加上文字或按钮,可以实现对表单控件的扩展. 在左侧添加文字 input-group-addon样式class类,写在input同级的span里,给输入框添加一个左片段(Bootstrap)input-group样式class类,写在input外层div里,将

如何使用JavaScript快速的创建一种常用类型的导航组件：sidebar

本文标签: JavaScript小技巧 JavaScript JavaScript函数 JavaScript处理sidebar JavaScript导航组件 sidebar是一种常用类型的导航组件,它可从页面旁侧弹出,覆盖在正常内容上. 假设你的正常内容为: <div id="main"> Placeholder<p> Placeholder<p> Placeholder<p> </div> 现在我们可以在内容内加入sideb

移动手机组态软件UI设计思路探讨

监控组态软件是集计算机技术.控制技术.网络技术为一体的高新技术产品,具有控制功能强.操作方便和可靠性高等特点,可以方便地用于对工业现场进行数据采集和监视控制.监控技术经历了单机监控系统.集中式监控系统和网络范围的远程监控三个发展阶段.远程监控是指本地计算机通过网络系统对远端现场智能设备进行监测和控制.从架构模式上区分,监控组态软件大致可分为C/S(客户端/服务器)模式和B/S(浏览器/服务器)模式两大类.目前,国内的监控组态软件以传统的C/S模式为主,而借助日益普及的Internet网络或者LA

第 8 章输入框和导航组件

学习要点: 1.输入框组件 2.导航组件 3.导航条组件主讲教师:李炎恢本节课我们主要学习一下Bootstrap的两个个组件功能: 输入框组件和导航导航条组件. 一．输入框组件文本输入框就是可以在<input>元素前后加上文字或按钮,可以实现对表单控件的扩展. //在左侧添加文字 <div class="input-group"> <span class="input-group-addon">@</span>

手机验证短信设计与代码实现

手机验证短信设计与代码实现总体思路时效限制: [5-10min] 使用次数限制: 1次 IP次数限制: 防止恶意刷手机验证码短信手机号限制: 防止短信轰炸跨域请求限制: 进一步限制恶意刷短信验证码验证: 进一步限制恶意刷短信数据库设计 (CheckCode) ID mobile(手机号) checkCode(验证码) ip(IP地址) createAt(创建时间) expireAt(时效时间) isUse(是否使用) usingAt(使用时间) 具体代码实现(mongoose + n

手机web——自适应网页设计

一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-

Bootstrap 输入框和导航组件（六）

一.输入框组件 <div class="input-group input-group-lg"> <span class="input-group-addon">$</span> <input type="text" class="form-control"> <span class="input-group-addon">元</span&g

【转】手机web——自适应网页设计（html/css控制）

手机web——自适应网页设计(html/css控制) 就目前形势来看,Web App 正是眼下的一个趋势和潮流,但是,对于Web App的设计可能大家有的不是很了解,下面就将整理好的网页设计的技巧奉献给大家. 作者:佚名来源: 68design | 2013-09-04 11:02 一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name="viewport"