站内的URL地址和站外的URL地址的区别表示

| 评论(2) | 引用通告(1)

区分清楚表示在同一篇文章里面的网站内部的网址和外部的网址,用CSS分两步就可以实现的。
首先设定将所有的URL地址后面都加上view.gif这样的小图标,

a[href^="http:"]:after,
a[href^="https:"]:after {
content:url(/images/view.gif);
vertical-align:middle;
margin:0 2px;
}

然后再不让它显示到你的内部网址的后面,

a[href^="http://你的网址/"]:after {
content:"";
margin:0;
}

虽然很笨拙的方法,但还是区分开了。有更好的方法的朋友希望来留言等告诉我一下。

引用通告(1)

发送引用通告网址: http://www.ikias.com/mt-tb.cgi/198
如果您想引用这篇日记到您的Blog,请复制上面的链接,放置到您发表文章时的相应界面中。

来自D&V:站外链接样式
引用时间:2007年1月11日 20:25

上次看到ikias介绍了一种利用css来实现站内链接和站外链接区分的方法。 今天,我在我的blog里用JS的方式区分站内和站外的连接。 JS总是很华丽,但... 查看全文

评论(2)

很巧妙的方法,CSS原来还支持通配符的。

猫叔真是用户体验专家啊……

>>1 Dear Che Dong :
仅仅是班门弄斧而已...。

发表评论

关于此日记

此日记由 ikias 发表于 2006年12月22日 06:26

此Blog上的上一篇日记百看不厌的资生堂广告CM

此Blog上的下一篇日记表达过去第m篇之后的n篇文章

首页归档页可以看到最新的日记和所有日记。