faviconを表示するjavascript「Hyperlink Cues with Favicons」に関するコメントはまだありません。
ご遠慮なくコメントしてください。
faviconを表示するjavascript「Hyperlink Cues with Favicons」
｜
｜
｜
｜
｜
｜
最近のブラウザにはfavicon（favorite icon）と呼ばれるブックマークやアドレス表示欄、タブなどに表示されるアイコンがあります。
サイトを識別するため、目立つためなどさまざまな目的で使用されています。
Hyperlink Cues with Faviconsでは、リンクさせた外部リンクの全て前にこのfaviconを表示させるjavascriptを公開しています。
使用方法
favicon.jsとfaviconを使用していないサイト用にexternal.gifをダウンロードします。
<script src="http://yourdomain/favicon.js" type="text/javascript"></script>
<style type="text/css">
img.faviconimg {border:0;width:11px;height:11px;padding:0 4px}
ul.favilist {list-style:none;}
</style>
＊favicon.js内でexternal.gifを指定している箇所を適宜変更してください。
以上のようにhead内に書き込んだら、あとはHTMLでulのclass属性にfavilistを付与し、リンクをliで括ってください。
<ul class="favilist">
<li><a href="">リンク先</a></li>
<li><a href="">リンク先</a></li>
<li><a href="">リンク先</a></li>
</ul>
faviconを表示するjavascript「Hyperlink Cues with Favicons」サンプル
2007年10月06日
前の記事：角を回るDockを実現するjavascript「Corner Dock Navigation」
次の記事：テキストボックスを自動で収縮するjavascript「Resizing textarea」
関連記事
- [jQuery]Pagination Plugin
- cookieで閲覧経路を特定するjavascript「CookieCrumbs」
- javascriptライブラリ「mootools」でリンクを目立たせる
- div要素もまとめてリンクにするjavascript「Link Boxes」
- リンクにサムネイルを表示できるjavascript「Link Thumbnail」
コメント投稿
この記事へのトラックバック:
- jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
- ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
- BOMBERMAN JAVASCRIPT GAME by mootools.js
- 3ステップで表をソート＆値を検索できるjavascript「dataTables」
- Movable Type 4.2にバージョンアップ
- ページの目次を自動で作成するjavascript「jqTOC」
- JavaScriptライブラリ「raphael」で図を描く
- ニューデザイン
- Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
- 奥から手前にズームするJavaScript「Spacegallery.js」
