slidelayerframe/スライドリストBOX

slidelayerframe/スライドリストBOXslidelayerframe/スライドリストBOX

サイドバーなどに表示するランキング等に、top.10、worst.10などを縦に配置すると、どうしても高さを取ってしまいますよね?そうなるとちょこっと困る、なんて事も多いはず!そこでスライドリストBOX!3枚のリストを同じ部分に、タイトルだけを残して重なっているので、コンパクトでスペースを取りません!なんかおもしろくなるし・・・そのまた下に配置する物も下に下がりすぎないので、メリットしかありません!!!

構造としては、htmlでは単純にul、liでリストを作成し、cssでposition:ralativeをtopにマイナスの値を指定し、各boxのz-indexを変えることにより、その他のboxに対し影響を与えつつ重ね合わせ配置できます。そしてjavascriptで、margin-topの値を増減させています。

スクリプト名称 slidelayerframe/スライドリストBOX
梱包内容 slidelayerframe.html  
slidelayerframe manual.txt (設置サポート)
images
include.js
include.css
操作確認済ブラウザ IE6.0safari2.0firefox1.5opera8.5
最終更新日 2007/07/02