slidebox/昇降式イメージBOX

slidebox/昇降式イメージBOXslidebox/昇降式イメージBOX

dl,dt,ddでの、イメージ説明文構造を動的に作成しました。一画面で表示されるサイドバー領域には限度があります。「なるべくスクロールさせないでユーザビリティーを向上させたい」「サイトの高さに制限がある」なんて場合にも、'イメージ'+'説明文'を省スペースで利用できクリック率も上がる(きっと)一石二鳥。

構造としては、floatをかけたdt,ddをひとかたまりのboxとして、各boxをpsition:relativeでtopをマイナスの値に指定し、相対的に配置します。そして各boxにz-indexで重なり順を変えることにより、重なったbox達を作り、各boxのmargi-topをjavascriptによって、増減させています。

スクリプト名称 slidebox/昇降式イメージBOX
梱包内容 slidebox.html  
slidebox manual.txt (設置サポート)
images
include.js
include.css
操作確認済ブラウザ IE6.0safari2.0firefox1.5netscape7.1opera8.5
最終更新日 2007/06/30