便利役立ちツールサイトソフト

ネット見つけた便利なものなどを、自分の覚書で取っておくブログ

Scrollable HTML table




http://www.webtoolkit.info/scrollable-html-table.html


作ってみるとこんな感じ▼
  箱根温泉 別府温泉 熱海温泉
写真 hakone.jpg beppu.jpg atami.jpg
地域 神奈川県 大分県 静岡県
WEB 箱根温泉旅館協同組合 別府NAVI 熱海温泉旅館組合公式サイト 熱海温泉お宿ナビ
歴史 開湯は奈良時代の天平10年738年、釈浄定坊が発見した『惣湯』。
箱根温泉が知られるようになったのは、豊臣秀吉の小田原攻め。広大な小田原城を攻めるのに、全国の武士を集め長期滞陣したが、その無聊を慰めるため温泉に入ったといわれている。
古代の「豊後国風土記」や「万葉集」に記載があり、当時から広く知られていた。
別府温泉と柴石温泉は古くから湯治場として利用されていた。鉄輪温泉と浜脇温泉は鎌倉時代には湯治場があった。江戸時代には街道や船便が整備され、八湯での庶民の温泉湯治が一般的になった。
古くは徳川家康が訪れたり、献上湯を行った。明治以降は文人墨客が多く訪れ、また多くの作品がこの地を舞台に描かれた。代表的なものは、尾崎紅葉の「金色夜叉」、永井荷風の「冬の日」、林芙美子の「うず潮」などである。
特徴 ■大涌谷温泉

名物黒玉子

泉質は酸性の硫酸塩・塩化物泉、神経痛・筋肉痛・関節痛に効く。なお、この温泉は造成温泉であり、大涌谷で自噴する温泉と、火山性蒸気に山清水を吹き当て造成した温泉を混合している。ここで造られた温泉は箱根各所に配湯される。
■別府地獄巡り

別府温泉には様々な奇観を呈する温泉が多数存在し、これらを周遊する「地獄巡り」は別府観光の定番コース

坊主地獄
海地獄
鬼石坊主地獄
山地獄
かまど地獄
鬼山地獄
白池地獄
金竜地獄
血の池地獄
竜巻地獄
■尾崎紅葉の「金色夜叉」の貫一お宮の像


■熱海七湯

大湯
野中の湯
佐治郎の湯
風呂の湯
清左右衛門の湯
河原湯
小沢の湯

■箱根周辺地図■
 
powered by 地図Z


■別府周辺地図■
powered by 地図Z


■熱海周辺地図■
powered by 地図Z


見本のページ
http://www.webtoolkit.info/demo/javascript/scrollable/demo.html


やり方は簡単。

divでスクロールさせるやり方もありますが。
tableで作ると、デザイン性が取りやすいですね。(まああまりここでは取ってないんですが)



jsファイルをアップロードできない環境(ブログ等)のばあい上記タグをお使いください。
jsファイルはhead内でなくても(body内)でも機能します。

※注意
borderはmozillaで動かないようです。なのでborderは0で作ったほうがよさそうです。