仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 609|回复: 7
打印 上一主题 下一主题

[HTML5] html教程之Web页面中利用自界说挑选框Select

[复制链接]
兰色精灵 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:20:38 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
WHATWG致力于Web表单和应用程序,而W3C(WorldWideWebConsortium,万维网联盟)专注于XHTML2.0。在2006年,双方决定进行合作.来创建一个新版本的HTML。网页制造poluoluo文章简介:如许做的了局很分明在视觉上与网站全体作风一致,而且下拉列表款式很大度,不外也带来了一些不良反响,由于用JS来做的,以是会碰着很多料想不到的效果,上面经由过程测试者三个网站我们逐一来剖析他们各自的缺点.
select下拉列表表单大概人人都很熟习,不外默许的下拉列表表单常常会让一些网站以为丑恶,同时用CSS也很难调剂select的款式。因而很多网站位了做出更切合网站作风的select下拉表单,常常会用JS来摹拟这类效果。
好比我们很熟习的土豆网,淘宝商城和亚马逊都是用JS做的下拉列表表单。
如许做的了局很分明在视觉上与网站全体作风一致,而且下拉列表款式很大度,不外也带来了一些不良反响,由于用JS来做的,以是会碰着很多料想不到的效果,上面经由过程测试者三个网站我们逐一来剖析他们各自的缺点:
土豆的搜刮种别选择框,每次点击都让我以为怪怪的:

1.点击后,弹出列表的地位与预期分歧。潜认识里是下拉列表,了局土豆给了我一个“中拉列表”。
2.习气性地用上/下键选择,了局却让全部页面转动。
3.一怒之下,想封闭不必了。按下ESC键,却没有任何呼应。
4.禁用JS后,完整不成用。
相似,淘宝商城也是看起来很美:

除第1点,别的都和土豆一样,可会见性和可用性都存在成绩。
办理举措很复杂,接纳原生的选择框便可,好比Amazon的:

为何不勉励在Web页面中利用自界说选择框呢?
Select选择框是一个十分成熟的交互控件。成熟意味着用户很简单承受,但成熟也意味着对各类用户都思索很全面,有着十分丰厚的交互细节。好比:对PgUp/PgDn,Home/End等键盘操纵的呼应,和在分歧地位能主动调治下拉列表的弹出偏向等等。
接纳JS来摹拟选择框,必要大批的事情和仔细的测试。即便公司乐意投进,也仍旧没法完成原生控件的某些特征。好比:下面Amazon的选择框,我把扫瞄器拉到很矮,这时候下拉列表能伸出到扫瞄器表面往。
为了一丁点“视觉小甜点”,让交互损失了云云多的有用细节,还得泯灭前端程序员的大批工夫,了局却吃力不奉迎,其实是很糟。
PS:要利用自界说选择框,得满意以下前提:
1.像google一样猖狂,乐意消费大批工夫和资本。
2.像google一样仔细,要做就做好,要摹拟就摹拟透。
3.在webapp上使用。
惋惜,在国际,像google或facebook一样猖狂和仔细的公司,还没呈现。
</p>
就在新标准备受瞩目之际,两大网络监督机构却起冲突。
分手快乐 该用户已被删除
沙发
发表于 2015-1-17 22:06:57 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
板凳
发表于 2015-1-24 23:50:38 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
海妖 该用户已被删除
地板
发表于 2015-2-2 16:51:35 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
谁可相欹 该用户已被删除
5#
发表于 2015-2-8 03:38:33 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
灵魂腐蚀 该用户已被删除
6#
发表于 2015-2-24 12:47:58 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
活着的死人 该用户已被删除
7#
发表于 2015-3-7 12:39:18 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
兰色精灵 该用户已被删除
8#
 楼主| 发表于 2015-3-15 07:15:41 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-14 23:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表