【マウスオーバー】画像内にキャプションを表示【複数行のキャプションに対応】
マウスオーバーで画像内にキャプションを表示し、マウスアウトでキャプションを非表示する動作のサンプルです。jQueryのhoverメソッドを利用しています。キャプションの表示位置は自動計算のため、複数行のキャプションにも対応しています。
マウスオーバーで画像内にキャプションを表示し、マウスアウトでキャプションを非表示する動作のサンプルです。jQueryのhoverメソッドを利用しています。キャプションの表示位置は自動計算のため、複数行のキャプションにも対応しています。
jQueryプラグインのtextillate.jsを利用します。テキストに様々なエフェクトを付けて表示ができます。textillate.js、lettering.js、animate.cssを読み込んで実装します。