js实现图片从左边移动出来显示在页面上

本帖最后由 xiaoxue_427 于 2009-08-17 15:52:57 编辑

解决方案 »

  1.   

    ie6 firefox下测试通过<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
        <script type="text/javascript">        function clickHandler()
            {
                var img1 = document.getElementById("img1");
                window.setInterval(
                function()
                {
                    var width = img1.offsetWidth;
                    var position = (document.documentElement.clientWidth - width) / 2;
                    if (img1.offsetLeft < position)
                    {
                        img1.style.left = (img1.offsetLeft + 50) + "px";
                    }
                },
                10);
            }
            
            
        </script>
    </head>
    <body><img id="img1" style="position:absolute;top:100px;" src="http://c.csdn.net/bbs/t/5/i/pic_logo.gif" />
    <input type="button" onclick="clickHandler()" value="move" /></body>
    </html>
      

  2.   

    谢谢2楼的回答
    但是在我这里运行时没有反应而且我希望图片还是用原来的div 方式来显示希望知道的能帮回答一下