javascript | 簡単ホームページ作成支援-Detaramehp

マウスオーバーでテキストが動く簡単なJqueryコード

2012年11月15日ホームページ小技コメントをどうぞ

マウスオーバーするとテキストが横に揺れ動いたり、縦に揺れ動いたり、点滅、文字がびよーんと伸び縮みするような動きをする簡単なJQueryコードを紹介します。サイトに動きが出るのでちょっとしたアクセントになると思います。マ …
REED MORE →→

2012年10月18日ホームページ小技 5件のフィードバック

パララックス効果で作成されているサイトやプラグインは沢山ありますが、今回はとっても簡単なJQueryコードで作成されているPARALLAX || roXonのマウスの動きに合わせて画像が動くパララックス効果を紹介します。 …
REED MORE →→

2012年7月18日アメブロ, ホームページ小技 4件のフィードバック

JQueryで背景画像のアニメーション効果を紹介しているサイトはいくつかありますが、webOpixelさんの記事「jQueryで背景画像をアニメーションで無限ループさせる」が一番分かりやすく勉強になりました。この記事を元 …
REED MORE →→

2012年6月14日アメブロ, ホームページ小技 2件のフィードバック

通常背景画像は記事を下にスクロールすると一緒に移動するか、もしくは背景画像が固定された状態でしか設定できません。しかしJQueryを使うと背景画像が横、斜めなど好きな方向に動かすことができます。今回は、パララックス効果 …
REED MORE →→

2012年6月5日アメブロ, ホームページ小技コメントをどうぞ

背景画像をフルスクリーンでスライドショー出来る方法を紹介します。JQueryのプラグインは使わないで簡単なコードだけでスライドショーしますので設置も簡単で軽量だと思います。背景画像をフルスクリーンで簡単スライドショーの …
REED MORE →→

2012年5月31日 Google, アメブロ, ホームページ小技コメントをどうぞ

Google APIでブログの関連記事を表示することは出来ないかと思い探していたらWebparkさんの記事にGoogle AJAX Search APIで関連記事を表示(FC2ブログなど)と言う記事がありました。その記事 …
REED MORE →→

2011年2月17日ホームページ小技 3件のフィードバック

通常サイズの画像とその下にサムネイル画像をセットで表示していて、サムネイル画像にマウスが触れると通常サイズで画像が表示するようにしてみます。この方法を使うことで、ショッピングサイトなどで、よく見かける一つの商品を色んな …
REED MORE →→

2011年2月8日ホームページ小技コメントをどうぞ

トップページなどで、Flashの様に画像などがスライドするサイトを見たことありませんか？この記事を作成した時点ではYahoo！ミュージックのトップページやECサイト(ショッピングサイト)などが、スライダーを使ってオシャ …
REED MORE →→

2011年2月3日ホームページ小技コメントをどうぞ

ページをリロードするたびに登録してあるリンクが切り替わるランダムリンクを紹介します。紹介しているリンクのタイプは複数表示できるランダムリンクとサイドバーなどで使えるランダムリンクです。上手く利用すると色んな使い方が出来 …
REED MORE →→

2011年1月28日無料素材集, ホームページ小技コメントをどうぞ

パズルの作成はとっても簡単で、一枚の写真から自動でパズルを作成出来ます。パズル作成にjquery.jsファイルが必要になりますのでjquery.jsファイルのない方はjquery.jsファイルをダウンロードしてくださ …
REED MORE →→

1 2 次へ »