jQueryでページ内スクロール
ページ内リンクを使って、ページ内をスムーズにスクロールします。 アンカーポイントにリンクを貼って、移動させたい先のid名に#を付けてhref=に指定しています。 縦長のホームページで、記事が多いときなどに便利かと思います […]
月: 2015年3月
スクロールすると上に固定されるナビゲーション
ページ途中で出てくるナビゲーションが、スクロールして画面の一番上に来ると 固定されて以降ずっとついてきます。 今回はナビゲーションで使用していますが、スクロールして要素が画面の 一番上の位置に来た時に固定されるので、サイ […]
マウスカーソルの出入りの方向で変わるアニメーション
マウスカーソルの出入りの方向で表示、動きを変えるアニメーションです。 カーソルの入る方向で色が変わり、出た方向に動きます。 今回はCSSで色をつけていますが、backgroundに画像を指定する方法でも可能です。 アイコ […]
ツールチップに画像を表示させる
ツールチップに画像を含める方法と、ツールチップの動き方のパターンです。 動きは「マウスオーバーで出て、マウスの動きに合わせて動く」「画面下から」「画面右から」「回転しながら」の４パターンです。 まずは基本の「マウスオーバ […]
jQueryでDock（ドック）風？
マウスオーバーで画像を拡大・縮小させてDock（ドック）風？にしてみました。 画像を元のサイズより小さく表示させておいて、 マウスオーバーで元のサイズを表示させて画像が大きくなったように見せるアニメーションです。
JavaScriptを使ったフェードインアニメーション
jQueryを使った横からフェードインするアニメーション効果です。 軽量なものなので、他のJavaScriptと組み合わせても可能です。 CSSでのposition配置をJavaScriptで制御しています。
JavaScript Archives（ジャバスクリプト アーカイブス） 2025 . Powered by WordPress