たまに見かける、外部リンクに対してはアイコンを付けて「外部リンクですよー」と見た目にもわかりやすくするやつです。
1 2 3 4 5 |
jQuery(document).ready(function($) { $('.content a[href^=http]').each(function(){ $(this).not('[href*="'+location.hostname+'"]').append('<img style="padding:0 2px;" src="outlink_icon.gif">'); }); }); |
これは楽ですね。
応用すればファイルタイプ別とかのアイコンも付けられるかもしれません。
やり方はまだ調べてないですが;P
jsFiddleにデモつくりました。
アイコンは面倒だったのでとりあえずリンクの後ろにテキストを表示するようになってます。
そのうちこのブログにもつけようかな。
コメントする