这是我一直在使用的样式表内容

</p> <p>a.ubblink[href*="http://"] {background-image:url(images/blank.gif);background-position:center right;padding-right:13px;background-repeat:no-repeat;}</p> <p>a.ubblink[href*="http://"]:hover {background-image:url(images/blank-hover.gif);}</p> <p>

但opera,ie 目前都不支持 属性选择器 的写法，所以只有firefox才能看到效果。今天看到这个 Simple, accessible external links，有点意思。

他是这样做的

sed diam nonummy外部链接说明

样式表是

</p> <p>a.external span</p> <p>{</p> <p>position: absolute;</p> <p>left: -5000px;</p> <p>width: 4000px;</p> <p>}</p> <p>a.external:link</p> <p>{</p> <p>background: url(icon.gif) no-repeat 100% 0;</p> <p>padding: 0 20px 0 0;</p> <p>}</p> <p>a.external:hover</p> <p>{</p> <p>color: red;</p> <p>background: url(icon.gif) no-repeat 100% -200px;</p> <p>padding: 0 20px 0 0;</p> <p>}</p> <p>

把 a span 中的说明文字丢到浏览器显示区域之外（这个span据说是为了某些不提示title的设备而准备的）。

然后在后面加上图片表示这是一个外部链接。

其实，我觉得的倒是可以参考这种精神，用js解决。（但我懒啊，ie反正我也不用…）