マウスカーソルの出入りの方向で変わるアニメーション taka | 2015年3月23日 | コメントはまだありません | JavaScript マウスカーソルの出入りの方向で表示、動きを変えるアニメーションです。 カーソルの入る方向で色が変わり、出た方向に動きます。 今回はCSSで色をつけていますが、backgroundに画像を指定する方法でも可能です。 アイコ […] もっと読む »
ツールチップに画像を表示させる taka | 2015年3月23日 | コメントはまだありません | JavaScript ツールチップに画像を含める方法と、ツールチップの動き方のパターンです。 動きは「マウスオーバーで出て、マウスの動きに合わせて動く」「画面下から」「画面右から」「回転しながら」の4パターンです。 まずは基本の「マウスオーバ […] もっと読む »
jQueryでDock(ドック)風? taka | 2015年3月19日 | コメントはまだありません | JavaScript マウスオーバーで画像を拡大・縮小させてDock(ドック)風?にしてみました。 画像を元のサイズより小さく表示させておいて、 マウスオーバーで元のサイズを表示させて画像が大きくなったように見せるアニメーションです。 もっと読む »
JavaScriptを使ったフェードインアニメーション Takaya | 2015年3月18日 | コメントはまだありません | JavaScript jQueryを使った横からフェードインするアニメーション効果です。 軽量なものなので、他のJavaScriptと組み合わせても可能です。 CSSでのposition配置をJavaScriptで制御しています。 もっと読む »
jQueryを使った縦スクロール -flickable- Takaya | 2015年2月27日 | コメントはまだありません | JavaScript 今までありそうでなかったjQueryで、縦スクロールができるJavaScriptです。 ボタンをクリックすることで、コンテンツを縦にスクロールさせることが可能です。 今回使用したのは、jquery.flickable.j […] もっと読む »