noobSlide

2008年9月18日 21:48

mootoolsを使った画像スライド表示スクリプト。画像だけでなく、ボックスもスライドできます。今回はその「ボックスごとスライド」するサンプルを作成。

サンプル

1. 明治神宮 2. 東京都庁 3. 新宿パークタワー 4. NTTドコモ代々木ビル

1. 明治神宮

明治神宮

初詣の参拝者数日本一の神社「明治神宮」。

江戸時代は彦根藩井伊家のお屋敷があったようですが、大正9年に明治天皇と昭憲皇太后の神霊を祀るために創建されたそうです。以外と歴史は浅いんですね。

内苑の森は日本内外からの献木による人工林が自然化したものだそう。もともとこんな森だったのかとおもっていたのですが、これもまた意外です。

2. 東京都庁

東京都庁

新宿副都心の象徴ともいえる、東京都庁第一本庁舎。

高さは243m。1990年の完工時は日本一の高さでした。45階の展望台からの眺めは良いそうですが、まだ行ったことありません。。
ちなみに、1階からの直通エレベータで約55秒、これはそんなに速くないかも。

3. 新宿パークタワー

新宿パークタワー

新宿中央公園から見上げた新宿パークタワー。

この写真からは今ひとつ外観が伝わりませんが、最上部にある「ネコ型ロボットの耳」みたいな(ドラえもんには耳がない!ので)三角形の屋根が特徴的。デザインは東京都庁舎と同じ丹下健三氏。

その名からもわかる通り「ホテル パークハイアット東京」があるのですが、ホテル部分は39〜52階。9〜37階はオフィス層なんだそうです。

4. NTTドコモ代々木ビル

NTTドコモ代々木ビル

代々木駅にあるNTTドコモ代々木ビル。通称の「通称ドコモタワー」の方がよく聞きますよね。とても目立ちます。

東京で3番目に高いビル。でも上半分は「空洞」なのだそう。。

エンパイアステートビルのようなデザインですが、展望台はありません。それでも『世界一高い時計台』だそうです。新宿側から見ると時計が見えます。

使用方法

参照元から一式をダウンロード。様々な種類のサンプルがあります。

参照元

http://www.efectorelativo.net/laboratory/noobSlide/