jQueryで長いページの区切り(セクション)ごとに背景を変化させる
最近は一ページに内容を詰め込んだ縦長のページが増えてきましたね。
そこでスクロールすると区切り(セクション)ごとに背景が変化したら、面白いのではないのかと思いましたのでやってみました。
- 投稿日
- 更新日
最近は一ページに内容を詰め込んだ縦長のページが増えてきましたね。
そこでスクロールすると区切り(セクション)ごとに背景が変化したら、面白いのではないのかと思いましたのでやってみました。
マウスオーバーは普通同じ大きさの画像を切り替えたりしますが、他の要素の背景画像を変えることで派手なマウスオーバーにすることができます。
スライドして開く横型のサブナビゲーションを作ってみました。しかし、あまり柔軟性がよろしくないので局地的にしか使えなませが、もし興味あったら、、、。
スマートフォン向けのサイトでアニメーションさせたいとき、PCサイトのようにjQueryのanimateを使ってしまうと動きがガタガタになってしまい。これがWebアプリの限界なのかー。って叫びそうになりますが、そんなときはcss3の「translate3d」を使えば滑らかに動きますよ。
テーブルを操作するのに大掛かりなことはプラグインがいろいろありますのでそちらを使うとして。
ここでは、わりと細かいことをjQueryでやってみます。
自分のブログにTwitterを表示するは当たり前になりつつありますが、「便所なう」とか「トイレなう」とかどうでもいいことまでブログに表示されるのはちょっとあれですね。
そこで専用のハッシュタグをつけてツイートすれば、自分の指定したつぶやきだけ表示できるのでいいかんじかもしれません。