WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。2019年8月14日javascript(jquery)でマウスオーバー時に変わった動きを付けたいと思います。その4:ちょっと変わったマウスオーバーを実装してみました。今回も前回と同様「Mosaic」というJSを使用します。設置の方法は前回の記事を参照してください。画像の上に拡大用のアイコンを表示します。全体を暗くし、説明文をその上に表示させます。表示させた状態で、マウスオーバー時に説明文をすべて表示させます。マウスオーバー時に上から説明文が出てきます。めに説明文を全体に表示させておいて、マウスオーバー時に右にスライドして画像を表示させます。2つ上の「bar3」と似ていますが、こちらは画像を下に下げて、説明文が上に出てきます。右上に飛ばし、説明文を表示します。‘300px’});以上となります。「class=”mosaic-overlay”」と「class=”mosaic-backdrop”」の位置を逆にすれば写真と文章の動きを逆にすることも出来ます。その4:ちょっと変わったマウスオーバーを実装してみました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。今日はあんまり面白い記事が見つからなかったので、ちょっと趣向を変えて、日常のWEB制作フローのなかで重宝しているものの中からひとつ紹介します。グローバルナビゲーションを作成してみました。この間はレスポンシブでも使える行ごとのブロック要素の高さを自動で合わせるJavaScriptをご紹介致しました。レスポンシブにも対応!行ごとのブロック要素の高さを自動で合わせる方法。~風景の色彩編~WEB制作において”良い写真”は欠かせません。今回は風景写真撮影での色設定のポイントをご紹介します。...【Illustrator】基本図形で出来ちゃう!ハートマークの作り方こんばんは、新人Aです。WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。