j-2マウスオーバーで画像の上に文字-slidemoji-

デモページ

jQuery

様々な処理を短く簡単に書ける

jQueryを読み込む

→ 新規ファイル(slidemoji.html)を開き<head>部分に記述



→ htmlに記述


→ cssを読み込む[download id=”5″]
→ < body >部分に1枚画像を挿入
→ マウスオーバーで表示する文字を記入
→ 画像と文字の1セットをdivクラスboxgrid captionfullで囲う※やりたい効果により異なる
→ 文字部分をdivクラスcover boxcaption
→ ブラウザで確認

見ていただいてありがとうございます。↓ポチしてくださいませ。
  • 見たけど役立たず (1)
  • 見た (0)
  • もう少し詳しく書いて! (0)
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次