*

「 jquery 」 一覧

ボタンを押すとコンテンツが現れる方法。スライドパネル。

2014/02/18 | html5, jquery, 未分類

今回は、ボタンを押すとコンテンツが現れる方法を調べてみました。 ボタン押すと下にコンテンツが現れる。 これは、ホームページをコンパクトに抑えるのには便利ではないでしょうか? まずは、デモ

続きを見る

画像を順番に表示する方法。画像のプリローダー。imgBoxを使用。

2014/02/17 | html5, jquery, 未分類

今回は、ページ表示後に画像を順番に表示するという事を調べてみました。 ページ表示後に画像があるとそのまま表示されてしまいます。 そのまま表示するのでは、面白くないと思い今回調べてみたらこん

続きを見る

メニューをプルダウンする方法。globalNaviを使用。

2014/02/14 | css3, html5, jquery, 未分類

今回は、メニューをプルダウンさせる方法について調べてみました。 メニューをたくさんあると、ヘッダー内に収まりきらないということがあると思います。 そんなときは、このプルダウンメニューを

続きを見る

背景画像をjqueryを使用して、フルスクリーンで動かす方法。backgroundPositionを使用。

2014/02/12 | css3, html5, jquery, 未分類

今回は、背景画像をjqueryを使って、動かすという事をしてみました。 背景画像はアメニーションGIFを使えば、簡単にできますがそれでは、滑らかに動きません。 jqueryを使えば、滑らか

続きを見る

ページトップへスクロールする方法。

2014/02/10 | css3, html5, jquery

今回は、スクロールしたら、top(一番上)にいく方法を調べてみました。 コンテンツが、縦長になった場合、スクロールして一番上にいくのは、手間だと思います。 ボタンをクリックしたら、一番上に

続きを見る

カスタマイズができるスライドショーを設置する方法。diapoを使用。

2014/02/04 | css3, html5, jquery, slideshow

今回は、スライドショーを設置してみました。 ホームページにスライドショーを設置するのは、当たり前になってきました。 スライドショーと言っても色々な種類があります。 どんなスライドショ

続きを見る

背景に画像をフルスクリーンさせる方法。 maximageを使用。

2014/01/28 | css3, html5, jquery

今回は、背景画像をフルスクリーンにし、なおかつ、スライダーする方法について、調べてみました。 調べてみて色々とありましたが、 今回は、maxImage Scaling Pluginを使用してみ

続きを見る

animationでboxを動かしてみた。

2013/12/20 | animation, css3, html5, jquery, 未分類

今回は、animationを使って、boxを動かしてみました。 マウスを乗せたときに指定したboxに動きをつけると、おもしろいサイトになると思いませんか? また、指定したboxにテキストを

続きを見る

jquryで問い合わせフォームのデザインを作ってみた。

2013/12/19 | css3, html5, jquery

今回は、jquryで問い合わせフォームを作ってみました。   問い合わせフォームのデザインを調べてみると、いろいろありましたが、 今回は、テキストにうっすらと文字を出すとい

続きを見る

簡単popupの設置方法。Pop Easyを設置してみました。

2013/12/05 | css3, html5, jquery, popuop, 未分類

今回は、ポップアップ(popup)の設置に取り組んでみました。   ポップアップは、サイトコンテンツの内容によって非常に便利に使えると思います。 ボタンを押したら出てくるの

続きを見る

PAGE TOP ↑