2SIMPLE

我们已经回来

Clearbox

我和cobalt改版的Lightbox有了一个自己的名字,Clearbox,因为它看上去很clear。它的应用范围是主要是blog,放大某个图片或者给文字添加图片注解。目前有个很初步的demo,可以点击这个帖子的文字链接先睹为快(目前IE ONLY),相对比较完善的版本稍候会提供下载。

Clearbox与Lightbox最大的区别在于对用户行为的响应。举个例子,在OSX下面点击一个应用程序的图标,如果是在dock中点击,这个图标的下面会出现一个向上的小箭头,同时这个图标会开始弹跳,告诉用户打开操作正在进行中,直到打开为止(有些应用程序开打之后图标还会发生变化);如果是在finder(类似Windows的explorer)中点击,被点击的图标会放大,然后出现在dock中,开始弹跳。Windows呢?截至到目前的Vista,点击一个图标之后还会毫无响应,直到某个窗口突然出现在屏幕上,因为缺少对用户行为的响应,重复打开的情况屡屡发生。Clearbox在用户点击某个图片或者文字链接之后,会用动画的形式从点击的地方展开一个窗口,而不是很突兀的就开始显示一个窗口,用户能够明白Clearbox正在做什么,这才是最重要的。

Written by Datou

二月 3rd, 2007 at 9:54 下午

12 Responses to 'Clearbox'

Subscribe to comments with RSS or TrackBack to 'Clearbox'.

  1. 那个“点击X返回2SIMPLE”可以把链接焦点做在整句话上,而不是只做在一个“X”上

    Lushnis

    2007/02/04 12:43

  2. 呵呵,会的,以后点击图片之外的任何地方都会关闭

    Datou

    2007/02/04 12:53

  3. opera下基本可以正常

    dimlau

    2007/02/04 14:26

  4. 用了啥东西 firefox 不支持的?

    old9

    2007/02/04 15:21

  5. 这些细节都要问cobalt了 =。。=

    Datou

    2007/02/04 16:15

  6. 这个很酷…
    firefox 不支持的 ;-(

    kinos

    2007/02/05 01:38

  7. 会支持的,还没有找到bug在哪里而已……

    Datou

    2007/02/05 14:26

  8. 那个div是用了insert方法insert到body对象里的,于是不能变形了。我用firebug把整个HTML代码拿出来之后就可以正常运行,不知道为什么。

    cobalt

    2007/02/05 14:28

  9. 另外,那个“点击x关闭”其实是让你按键盘上的“x”键。。。

    cobalt

    2007/02/05 14:31

  10. 吹毛求疵了 :D
    "点击X返回2SIMPLE"可以使人联想到键盘上的X键。但是对于喜欢左手托着腮帮子,右手点鼠标浏览网站的人来说,这多少有些不友好,对残障人士更不用说了。
    况且,“点击X返回”和“按X键返回”意思还是不一样的。

    lushnis

    2007/02/05 17:25

  11. 没错,那个的确很渣,就连我都不会喜欢去按键盘的x。

    cobalt

    2007/02/07 10:31

  12. 考虑到windows用户的习惯,最好还是右上角有个“X”,啥都不用解释,这里的交互我再改进一下

    Datou

    2007/02/07 10:41

Leave a Reply