一時Winのツリー表示させるJavascriptが面白くて、テストページ作ったりして楽しんでましたが、いまどきやっぱりｊQueryを使わなくっちゃってことでjQuery File Treeがありました。

さすがｊQueryです。アニメーションの動きが美しい！

ここからサンプルがダウンロードも出来ます。

今度どっかで使おうっと。

WebAppersで紹介されていたLightboxスクリプト2点。どちらも今風で素敵です。

Facebook風のスクリプトfacebox
prototypeではなくjQueryをベースとしていて動作が軽いです。ポップアップした時の枠線が角丸でしかも半透明でお洒落ですよ。

GlassBoxはデザイン的にはVista風でガラスの透け感を表現。背景などに凝ったときにいいかも。

Lightboxスクリプトはどんなサイトでも取り入れるようになってますが、新しいデザインのものがどんどん公開されていて飽きることがないです。

DesignWalkerさんでもLightboxスクリプトいろいろというのでまとめられてます。たくさんありますね。

Panic - Extras - The Rip-Off Expressでかなり格好いいポップアップスクリプトが使われているとのことでS i M P L E * S i M P L Eで紹介されていたので、ちょっと頑張って実装してみました。

LightboxとかHighslideとか、いろんなポップアップを試してみたけどズームアップの仕方がとってもいいです。残念なことはIE6.0ではドロップシャドーの.png画像とかが表示されないので、そのよさが半減するところですね。FirefoxやIE7.0では問題なくちゃんと表示されます。

いまさら珍しくもない横スライドのJavascriptですが、Slider.jsはPrototypeとScriptaculousで配布しているeffects.jsのライブラリを使用していて、スムーズな横スライドをしてくれます。すごく動きも軽くて軽快です。

商品紹介などでページが長くなったり、画面遷移させずに表示させたい場合なんかに便利かも。ちょっとした小技の聞いたおされなページ作りによいかな～。

フリーで使えるポップアップスクリプトライブラリの種類もいろいろあってどれを使おうか、悩んでしまいます。Light Boxを使っているサイトが増えてきているようなので、他にかっこいいのないかなと思っていたところありましたよ。

｢Highslide JS｣は画像をポップアップさせるだけでなく、FlashやHTMLテキストなどもポップアップさせることが出来ます。しかも、ポップアップ画面をドラッグ&ドロップで動かすことも可能。当然、スライドも出来ます。

This caption can be styled using CSS.

スタイルシートを使ったメニューのサンプルを公開されています。シンプルなものからJavascriptを使った少し変わったものまでダウンロードもできます。

roScripts-8 web menus you just can't miss

Example6はIE7.0で動作確認できましたが、IE6.0ではダメでした。Mac風味のExample7はIEでは全くダメでFireFoxでなら動作します。せっかくなのに使えないのがかなり残念です。

見る時間帯によってcssを切り替えることのできるスクリプト。使い方によってはかなりおしゃれです。デフォルトのcss設定もできるようなので、スクリプトが上手く動かないときでも大丈夫。※もちろん、cssの表示がNGにされているマシンでは全く意味ないですが。。。うちの主任さんが見たら卒倒しそうなスクリプトですｗ。なんせ、テキストだけで生きている人ですから。。。

Time Sensitive CSS Switcher

IE7.0で最適化されているようなので少し検証してから使うのがお薦め。IE6.0では見事に崩れました。。。