js--スライダー

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
< メタのcharset = "UTF-8" > 
< タイトル>无标题文档</ タイトル> 
< スタイル> 
    ＃div1を{ 幅：100pxに。高さ：150ピクセル; 背景：赤; 位置：絶対; 右：0 ; 下：0 ; } 
    </スタイル> 
    < スクリプト> 
    window.onscroll = 関数（）
    { 
        VAR oDiv = のdocument.getElementById（' DIV1 ' ）。
        VAR scrollTopスプライト= document.documentElement.scrollTop || document.body.scrollTop; 
        
        oDiv.style.top = document.documentElement.clientHeight - oDiv.offsetHeight + scrollTopスプライト+ ' ピクセル' 。
    } 
    
    VAR タイマー= nullを。
    関数startMove（iTarget）
        { 
            VAR oDiv = のdocument.getElementById（' DIV1 ' ）。
            
            clearInterval（タイマー）。
            タイマー= のsetInterval（関数（）{
                 VARの速度= {iTarget - oDiv.offsetTop} / 8; 
                速度= 速度> 0 ？Math.ceil（速度）：Math.floor（速度）
                
                であれば（oDiv.offsetHeight == iTarget）
                    {
                        clearInterval（タイマー）。
                    } 
                他
                    { 
                        oDiv.style.Top = oDiv.offsetTop + 速度+ ' ピクセル' ; 
                    } 
            }、30 ）; 
        } 
    
    </ スクリプト> 
</ ヘッド> 

< ボディスタイル= "高さ：2000px;" > 
< DIV ID = "DIV1" > </ DIV > 
</ ボディ> 
</ HTML >