@ 2013.03.08 , 19:40

科学揭秘隐藏在Amazon导航菜单的武林秘籍

直接简单暴力的对比:
[-]
亚马逊的悬停菜单.

[-]
其他网站的悬停菜单.

看出区别来没,亚马逊的悬停菜单可谓如丝般顺滑.而其他菜单却会有一定令人不爽的延迟.这当然不是因为电脑太慢,这种延迟设计是为了避免下面这样的尴尬…
[-]
只是这个例子实在太棒了,我可一点没有黑bootstrap的意思哦!

*所以亚马逊到底用了神马黑科技在菜单上?*

亚马逊的秘密设计在于,他们给菜单加上了一个下图中紫色三角形的缓冲地带.当鼠标移动到紫色三角的范围时,二级菜单并不会立马变化,而是有一定延迟.而当你直上直下地移动鼠标的时候,二级菜单则会很快变化,所以才会保证有如丝般顺滑的感觉却不会出现上面那种尴尬呃情况.
[-]

作为一个有理想有抱负的Geek,怎能无视这么Cooooooool的导航.我已经安全将其借鉴到新网站了,另外我对山寨亚马逊的行为可一点也不羞愧!

"我敢肯定这秘籍早就被发现了,只是我们疑惑之解决之然而忘之,于是再惑之再解决之又则再相忘于江湖.(I’m sure this problem was solved years and years ago, forgotten, rediscovered, solved again, forgotten, rediscovered, solved again.)"
(我是从日文站上看到的英语不是我很菜啊只有乱翻译了)

by Ben Kamens

任何人也想玩的可以下载这个JQuery-menu-aim
试试效果:D

================================
致那些和我一样看到这个就情不自禁打开淘宝找类似导航条却没找到的人们,不要失望,你们可以点一淘看看.
这个似乎应该投稿cb之类的地方=3=

本文译自 bjk5,由译者 Jyo Jyo 基于创作共用协议(BY-NC)发布。


给这篇稿打赏,让译者更有动力 !
支付宝打赏 [x]
您的大名: 打赏金额:

4.7
赞一个 (0)

24H最赞