2009-6-1 上午 - Web开发 - -

前几天，看到有人写了个superLink的东东，主要的做什么用呢？

我们有时会给在大块元素加个window.location='http://www.aoao.org.cn'，还顺便把光标定义成移上去会变成手势还代替链接，为什么不直接用<a>因为有时东西太多，不能放在链接里，比如hx、p、 li之类的。那问题来了，用js处理会让链接的功能没了一堆，作者在他的文章说到：

  • 中键：新tab打开 （aoao注：中键功能变更滴同学无视）
  • CTRL/SHIFT 单点：新窗口 新tab打开（aoao注：自己浏览器改过设置以自己的为准）
  • 右键菜单：虾米虾米方式打开
  • 浏览器状态栏
  • 其他，等（aoao注：好像也没其他的）

那看看效果： superLink Demo，试一下左中右键功能。

实现其实不难，就是把你原来加window.location的元素上盖上一个链接，透明为0，这样就可以把上面4条功能还原，-_-!。

总的来说，想法很好，有总比没有好，还封装好让别人用 ^_^，不过如果有机会再遇到类同的应用时，我应该会在原来那块元素里面的a里加个无用的span（语义愤青别BS我），虽然定位可能有点麻烦，但总是能定准的，直接样式搞定。

这篇文章发表于2009年6月1日 01:48:02，并被分类于Web开发。 您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论， 也可以发表你的评论。

共有 15 条评论

  1. 布里斯班 @ 2009-06-01 10:21 #

    为什么不加上class=?

    回复
  2. 米饭 @ 2009-06-01 11:36 #

    真坏，一小招搞定别人的汗水

    回复
  3. 天堂左我往右 @ 2009-06-01 22:12 #

    又和aoao兄学到东西了…

    回复
  4. Jerry Qu @ 2009-06-02 00:43 #

    最最郁闷的是用一个层盖上去，拖动鼠标选中不了文字～

    回复
    • lizux @ 2009-06-02 14:54 #

      为了模拟真实的链接功能（见前面5条说明），而导致不能选中复制文字，确实很不划算，顾此失彼

      回复
      • aoao @ 2009-06-02 20:00 #

        这就是炼金术中的等价交换

  5. 14px @ 2009-06-08 22:01 #

    米有看到豪华的右键效果…

    回复
  6. swding @ 2009-06-19 15:48 #

    总觉得这么个东西太过无语..

    回复
  7. slowsay @ 2009-07-05 22:44 #

    现在不是说，脚本越多，执行越慢吗？

    回复
  8. welcome58 @ 2009-07-24 08:46 #

    有利有弊，就看什么情况下使用了
    右键有特殊效果吗？没见着啊

    回复
  9. Greenery @ 2009-08-01 01:06 #

    受教受教了

    回复
  10. 男人理想 @ 2009-08-18 15:52 #

    博主，真是细心之人！

    回复
  11. Mr.goochin L @ 2009-11-06 16:53 #

    我看不懂，但是很想要这种效果
    曾经用li:hover实现了，但需要css hack~~
    感觉你写的方法较专业和美观，当然兼容性很重要
    测试了一下，基本没问题~

    回复
  12. hongtao @ 2009-12-19 13:36 #

    我想了解下IE下即使去掉了链接下的下划线，原来下划线的位置还是会有空白，怎么去掉呢？

    回复

发表评论

（必填）

（必填）