jQueryとcanvasを使ってイメージマップでhoverすると色かわるみたいな〜 - w7工廠
サンプルはこちら→W7工廠分室|トップページ ■目的 イメージマップってマウス乗っても色変わらないし〜、ロールオーバー時の画像を１つずつ用意するのって面倒だし〜 ・・・とかそういう場合にどうぞ。 図で表すとこうなります。既存のイメージマップの下にcanvasを(以下略w) ■仕様 ・XHTML1.0, HTML4.01/5で動作します ・ブラウザは各種最新版でチェック、IE6〜IE8もチェック ・altへのアクション(ツールチップ的な説明)も考えていたのですが、別ツールのほうがいいと思いやめましたw ■不具合 ・IE7でimg要素とcanvas要素が少しずれる(imgのopacity=0でもいいかも) ・IE9のDOCTYPE無指定で動作しない←IE判定部分をかえれば多分いけます ・IE6のHTML5で動作しない ■注意事項 ・img要素はz-index:1以上であること ・usemap属
Greyscale Hover Effect w/ CSS & jQuery
A few months ago, James Padolsey introduced a cool greyscale technique for non-IE browsers. His technique inspired me to come up with a workaround with a similar effect. My solution relies on CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces. View De
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dan Wellman » jQuery Plugin – hoverFade
