
マウスオーバーするとテキストが横に揺れ動いたり、縦に揺れ動いたり、点滅、文字がびよーんと伸び縮みするような動きをする簡単なJQueryコードを紹介します。サイトに動きが出るのでちょっとしたアクセントになると思います。 マ …
REED MORE →
マウスオーバーするとテキストが横に揺れ動いたり、縦に揺れ動いたり、点滅、文字がびよーんと伸び縮みするような動きをする簡単なJQueryコードを紹介します。サイトに動きが出るのでちょっとしたアクセントになると思います。 マ …
REED MORE →
パララックス効果で作成されているサイトやプラグインは沢山ありますが、今回はとっても簡単なJQueryコードで作成されているPARALLAX || roXonのマウスの動きに合わせて画像が動くパララックス効果を紹介します。 …
REED MORE →
JQueryで背景画像のアニメーション効果を紹介しているサイトはいくつかありますが、webOpixelさんの記事「jQueryで背景画像をアニメーションで無限ループさせる」が一番分かりやすく勉強になりました。この記事を元 …
REED MORE →
通常背景画像は記事を下にスクロールすると一緒に移動するか、もしくは背景画像が固定された状態でしか設定できません。しかしJQueryを使うと背景画像が横、斜めなど好きな方向に動かすことができます。 今回は、パララックス効果 …
REED MORE →
背景画像をフルスクリーンでスライドショー出来る方法を紹介します。JQueryのプラグインは使わないで簡単なコードだけでスライドショーしますので設置も簡単で軽量だと思います。 背景画像をフルスクリーンで簡単スライドショーの …
REED MORE →
Google APIでブログの関連記事を表示することは出来ないかと思い探していたらWebparkさんの記事にGoogle AJAX Search APIで関連記事を表示(FC2ブログなど)と言う記事がありました。その記事 …
REED MORE →
通常サイズの画像とその下にサムネイル画像をセットで表示していて、サムネイル画像にマウスが触れると通常サイズで画像が表示するようにしてみます。 この方法を使うことで、ショッピングサイトなどで、よく見かける一つの商品を色んな …
REED MORE →
トップページなどで、Flashの様に画像などがスライドするサイトを見たことありませんか? この記事を作成した時点ではYahoo!ミュージックのトップページやECサイト(ショッピングサイト)などが、スライダーを使ってオシャ …
REED MORE →
ページをリロードするたびに登録してあるリンクが切り替わるランダムリンクを紹介します。 紹介しているリンクのタイプは複数表示できるランダムリンクとサイドバーなどで使えるランダムリンクです。上手く利用すると色んな使い方が出来 …
REED MORE →
パズルの作成はとっても簡単で、一枚の 写真から自動でパズルを作成出来ます。 パズル作成にjquery.jsファイルが必要になりますのでjquery.jsファイルのない方はjquery.jsファイルをダウンロードしてくださ …
REED MORE →