如何表现已点击的链接

有位朋友抱怨说《性感的CSS Menu》一文中的链接太多,看到最后都不知道自己点过那哪些链接。

而我向来不在visited上做变化。一旦文章中的链接过多,麻烦自然就来了。只是在visited上做个变色?我不大喜欢。不过早上工作中给了我一个新想法。
原理很简单,就是在visited后,给链接一个标识已读的图片背景。
实例地址:http://5key.net/demo/link-visited 

如何表现已点击的链接

链接部分CSS:

a:link {color:#06F; text-decoration: none;}
a:visited {padding-left: 16px; background: url(1.gif) left no-repeat; color: #999;}
a:hover {text-decoration: underline;}

Random Posts

13 条评论 发表在“如何表现已点击的链接”上

  1. banlon says:

    你为啥不引用这样的css呢?

    [回复]

  2. axuan says:

    5key在提到的<性感的Css>那个特定环境中的效果是很好的,类似环境比如门户新闻内容页,解决用户在多链接页面是否访问过的识别问题。如果把这个改进拿到一个产品中大量使用,个人认为需要多加考虑。借用一句:“用户要的不是用户需要的,用户要的只是他自己想要的,用户不知道他应该需要的。”
    首先:用户有没有这个需求?我们的讨论的这个改进目的是在解决用户的不便,没有变化之前是不是收到用户投诉和意见?这个是否成为一个“问题”暨待解决?如果用户的需求低到可以忽略,此时做出这样的决策无疑让用户开始注意到这个可能不是问题的“问题”的存在,陷入改进的怪圈,而削弱产品要展现的信息内容。
    还有:传统的方式是不是无法满足需求?易用性提高,对信息关注度有没有降低?符号图片的引用会不会造成用户使用情感断层也是需要担心的。

    [回复]

  3. dowhatyouwant says:

    axuan留了这么一大段,咋一看还以为是人肉。。。。
    哈哈。正如axuan说的。这个只是一个想法。但是不一定适合于每个地方,我这里也一样。所以我也不准备这里使用。 [lol]

    [回复]

  4. Ami says:

    我觉得颜色区别也没什么不好的啊。我做的时候会考虑把颜色做到有区分、但区别不是很醒目
    不过5key这样做也很有意思。但也统一楼上两位,恐怕只是一些情况适合

    [回复]

  5. Kyomic says:

    嘿嘿.这种体验方式很8错,学习中

    [回复]

  6. 稻草 says:

    嗯.宣子这句好"….陷入改进的怪圈,而削弱产品要展现的信息内容"

    其实我很多时候不加visited的
    只写a和a:hover.
    当然要看站点本身的性质

    想法好.我喜欢.

    [回复]

  7. 锐风 says:

    非IE浏览器不支持这个的.

    [回复]

  8. 锐风 says:

    真是搞笑..你的博客宠物我现在显示的是晚上的..看清楚我发评论的时间!

    忘了说了,我用的是Opera9.5alpha.

    [回复]

  9. dowhatyouwant says:

    瓶子里的星空是自己diy过的皮肤。与当前时间没有关系。

    FF下是Ok的,至于opera,暂时不做考虑。

    [回复]

  10. ryana says:

    看到一個網站的圖片鏈接,点了以后,图片的下面会出现Visited的图片,感觉超好~

    [回复]

  11. [...] 上次发表《如何表现已点击的链接》一文,很多朋友和5key讨论了这个已点击的链接是否需要去修饰,怎样去修饰。这两天花时间看了很多国内外的文章。在这里总结如下四种方式: [...]

  12. 6socks says:

    整篇看完,体会最深的是axuan的评论:“用户要的不是用户需要的,用户要的只是他自己想要的,用户不知道他应该需要的。”

    [回复]

  13. [...] 上次发表《如何表现已点击的链接》一文,很多朋友和5key讨论了这个已点击的链接是否需要去修饰,怎样去修饰。这两天花时间看了很多国内外的文章。在这里总结如下四种方式: [...]

留下回复