仓酷云

标题: html教程之Web页面中利用自界说挑选框Select [打印本页]

作者: 兰色精灵 时间: 2015-1-15 23:20
标题: html教程之Web页面中利用自界说挑选框Select
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
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

作者: 仓酷云 时间: 2015-1-24 23:50
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

作者: 海妖 时间: 2015-2-2 16:51
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 谁可相欹 时间: 2015-2-8 03:38
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 灵魂腐蚀 时间: 2015-2-24 12:47
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 活着的死人 时间: 2015-3-7 12:39
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 兰色精灵 时间: 2015-3-15 07:15
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

欢迎光临仓酷云 (http://www.ckuyun.com/)