Flashを使っているかのように、上下左右にスクロールしてページ内遷移するJavascript。言葉で説明するよりも、リンク先でデモを見た方が早いかも。リンククリックで、垂直・水平・斜めの各方向にスクロールします。いわゆるスクロールバーがあった上でのアンカー飛ばしではなく、JSでしか遷移できない仕組み。斜め方向もイケるって点が斬新です。ダウンロードとカスタマイズ方法についても解説されてます。ちょっと変わった遷移をさせたい案件にイイですね。
Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery
jQueryを使ったDIVボックスのスライド表現。こういうのわりとよく見ますが、サイト内のメインイメージなんかに使えそうですね。オプションでスライドショーのオン・オフができたり、複数のスライディングボックスを設置することもできるようです。記事内の下の方からデモページに行けます。Flashを使いたくないけど動きが欲しい時なんかに是非ひとつ。
ウホ！ これかっこいい！ jQueryを使ったホバーエフェクトが紹介されてます。オンマウスする事でボタンがちょっと浮き上がり、反射やドロップシャドウのエフェクトも同時に動くという、なんだかちょっと洗練された感じのエフェクトです。FlashではなくJSで再現されてる点がナイス。これボタンの画像さえ変えれば何にでも応用が利きますね。よーしDLしとこ。
jQueryを使ったフォトスライドショーが15例紹介されています。以前はWebで表現するスライドショーと言えばFlashを使ったものが主流でしたが、最近じゃJavascriptを使った表現をよく見るようになりました。サイト内にフォトギャラリーを置いたり、製品写真を1ページ内で見せたい場合などにいいですね。
ウェブデベロッパー向けの、CSSやJSを使ったナイスなツールというかTipsが紹介されてます。オーバーレイするウィンドウ内DIV、任意DIVのハイライト、スライドするメニュー、コメント欄のオーサーフラグ、角丸DIVを透過、タグのグラフ化などがその内容。わりと具体的なものばかりです。見てるだけで「へーこんなことできるんだ」とか思います。頭の片隅にでも可能フラグ立てておくと、いつか使えるかもしんないっす。
