求个滚动条兼容的特效

求个滚动条缓慢的特效，是缓慢。
没有缓慢效果的自己也做的出来，可是要加上这种效果就不知道怎么做了。
在网上找了一圈，发现有缓慢滚动的都要去除
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">不去除就没有了效果。.net网站去除了又有很多问题如 这个网站右边的 最近浏览商品窗体一样，缓慢的滚动
http://www.didwallpaper.com/eng/product/list.asp?nDivision=1

解决方案 »

  1.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <style type="text/css">
            body{height:2000px;}
            div{position:absolute;right:30px;top:200px;z-index:3px;background:#000000;width:100px;height:100px;}
        </style>
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript">
            var distance=200;
            function divScroll(){
                var scroll = $(window).scrollTop();
                var divTop = parseInt($("div").css("top"));
                if(scroll+distance-divTop!=0){
                    var dy = Math.ceil((scroll+distance-divTop)*0.1);
                    $("div").css("top",divTop+dy+"px");
                }
            }
            setInterval(divScroll,10);
        </script>
    </head>
    <body>
    <div></div>
    </body>
    </html>
      

  2.   

    你那是 JS 浮 动 吧？<html> 
    <head> 
    <title>漂浮的图片</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language="JavaScript" SRC="moveobj.js"> </script> 
    <script> var chip1; 
    var chip2; 
    var chip3; function pagestart() 
    {checkbrOK(); 
    chip1=new Chip("chip1",160,80); 
    chip2=new Chip("chip2",60,80); if(brOK) 
    { movechip("chip1"); 
    movechip("chip2"); } 
    } 
    </script> <link rel="stylesheet" href="../style.css"> <body onLoad="pagestart();" onUnload="if(brOK) {stopme('chip1'); stopme('chip2');}" bgcolor="#FFFFFF" text="#000000" > 
    <DIV ID="chip1" STYLE="position:absolute; width:47; height:68;"> 
    <A HREF="rm/ad1.htm"><IMG SRC="ballon1.jpg" BORDER=0></a> 
    </DIV> 
    <DIV ID="chip2" STYLE="position:absolute; width:47; height:68;"> 
    <A HREF="rm/ad2.htm"><IMG SRC="ballon2.jpg" BORDER=0></a> 
    </DIV> 
    <center> 
    <p> 
    <script src="moveobj.js"></script> 
    </center> 
    </body> 
    </html>