对javascript 不了解,希望有人给段代码看看

解决方案 »

  1.   

    思路是:设置一个循环定时器,实时调整图片的坐标位置
    几个重要的属性:document.body.scrollTop,document.body.scrollLeft
    循环定时器:setInterval
    demo代码:以页面上一个div为例
    a.html
    --------------------------------------------------------------------
    <HTML>
    <HEAD>
    <title></title>
    <script language="javascript">
    function init()
    {
    document.all.div1.style.pixelLeft = document.body.clientWidth - document.all.div1.style.pixelWidth;
    document.all.div1.style.pixelTop  = 10;
    window.document.body.onresize = resizeDiv;
    timer_name = setInterval("timer_func();",100);
    }function resizeDiv()
    {
    document.all.div1.style.pixelLeft = document.body.clientWidth - document.all.div1.style.pixelWidth;
    document.all.div1.style.pixelTop  = 0;
    }function timer_func()
    {
    document.all.div1.style.pixelTop = document.body.scrollTop+10;
    }
    </script>
    </HEAD>
    <body onload="init()">
    <div id=div1 style=position:absolute;left:0;top:0;width:100;height:100;background-color:yellow>hello FuWaer</div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    </body>
    </HTML>--------------------------------------------------------------------