画像にマウスオーバーしたときに、虫眼鏡のアイコンやメッセージ、画像ハイライトなどを画像に重ねて表示するJavaScript。すっきりしたUIにできそう。

egg-rice のブックマーク 2008/01/31 08:38

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/7204046/comment/egg-rice" data-user-id="egg-rice" data-entry-url="https://b.hatena.ne.jp/entry/cssglobe.com/post/1238/style-your-image-links" data-original-href="http://cssglobe.com/post/1238/style-your-image-links" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcssglobe.com%2Fpost%2F1238%2Fstyle-your-image-links" data-user-icon="/users/egg-rice/profile.png">http://cssglobe.com/post/1238/style-your-image-links</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/JavaScript">JavaScript</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/image">image</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">webデザイン</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC">マウスオーバー</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%84%E3%83%BC%E3%83%AB%E3%83%81%E3%83%83%E3%83%97">ツールチップ</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%95%E3%82%A7">ユーザーインターフェ</a>]</li></ul><br><p style="clear: left">画像にマウスオーバーしたときに、虫眼鏡のアイコンやメッセージ、画像ハイライトなどを画像に重ねて表示するJavaScript。すっきりしたUIにできそう。</p><a class="datetime" href="https://b.hatena.ne.jp/egg-rice/20080131#bookmark-7204046"><span class="datetime-body">2008/01/31 08:38</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！