slidelayerframe/スライドリストBOX
TOP RANKING
WORST RANKING

サイドバーなどに表示するランキング等に、top.10、worst.10などを縦に配置すると、どうしても高さを取ってしまいますよね?そうなるとちょこっと困る、なんて事も多いはず!そこでスライドリストBOX!3枚のリストを同じ部分に、タイトルだけを残して重なっているので、コンパクトでスペースを取りません!なんかおもしろくなるし・・・そのまた下に配置する物も下に下がりすぎないので、メリットしかありません!!!
構造としては、htmlでは単純にul、liでリストを作成し、cssでposition:ralativeをtopにマイナスの値を指定し、各boxのz-indexを変えることにより、その他のboxに対し影響を与えつつ重ね合わせ配置できます。そしてjavascriptで、margin-topの値を増減させています。
スクリプト名称 | ![]() |
|
梱包内容 | ![]() |
|
![]() |
![]() |
|
![]() |
||
![]() |
||
![]() |
||
操作確認済ブラウザ | ![]() ![]() ![]() ![]() |
|
最終更新日 | 2007/07/02 | |
