图片移动的javascript代码.看不懂.

代码实在太长了.哎.....估计没几个人愿意看...谁能帮我做个图片移动的小例子,能够规定多长时间，让图片开始移动,移动一段距离,就让他停下来就可以了.或者.谁能告诉我 怎么获得image的top和left属性也行啊.

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <style>
    a{text-decoration:none;color:menutext;}
    a{color:ff0000;background-color:green;}
    #baidu{ position:absolute;width:155px;border:1px outset; height:200px;background-color:blue;color:red;}
    </style>
    <BODY onload="moveImg()">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    if(document.all)
    {
    document.write('<div id="baidu" ><img src="images/logo.gif" id="baisdu" value="baidu"></div>')
    }
    //-->
    </SCRIPT><SCRIPT LANGUAGE="JavaScript">
    <!--
    function moveImg()
    {
    var e=document.getElementById("baidu");
    if(e.style.pixelLeft>=0 && e.style.pixelLeft<500)
    {

    e.style.pixelLeft+=10;

    }
    else
    {
    e.style.pixelLeft-=10;;
    }
    setTimeout("moveImg()",1000);
    }
    //-->
    </SCRIPT></BODY>
    </HTML>