on:2014年3月6日sponsors画像やパネルなどをホバーすると、テキストを配置したオーバーレイを2D/3Dのさまざまなアニメーションで表示するjQueryのプラグインを紹介します。スライドの方向は、ホバーの方向によって変わります。右からホバーしたら、右からスライドとか、逆もできます。Firefoxなどのモダンブラウザ、IEは9+でご覧ください。デモSlipHoverは、ホバーの方向に応じて、オーバーレイがスライドする方向が変わります。画像が並んでいると、繋がってスライドする感じです。オーバーレイは跨ぐ感じにスクリプトはオプションも豊富で、さまざまな動きが楽しめます。heightオーバーレイの高さを変更。flipオーバーレイを3Dに。reverseリバースではホバーと反対の方向からスライドするので、シャッターが閉じる感じになります。HTML5のdata属性から取得できます。scroll長いテキストを自動スクロールさせることもできます。外部ファイルjquery.jsと当スクリプトを外部ファイルとして記述します。HTML各画像はimg要素で配置しラッパーで内包し、表示するテキストをtitle内に記述します。JavaScriptラッパーをjQueryのセレクタで指定し、スクリプトを実行します。$('#container').sliphover();})</script>オプションオプションでは、上記紹介したデモの他にもさまざまな設定が変更できます。40)スクロールスピードオプションを使用すると、下記のような記述になります。