moving

Moving with SLIDE

Click the X to make it slide.
Then click the O to move the X back again.

Here is the source code :

<html>
  <head>

    <script src="PJ.js"></script>
    <script>Initialize()</script>

    <title>moving</title>

  </head>

  <body>

    <h2>Moving with SLIDE</h2>
    Click the X to make it slide.<br>
    Then click the O to move the X back again.<br>

    <img id="xpic" onclick="xpicClick()"
         style="width: 55px; height: 55px; position: absolute; left: 50px; top:200px;" 
         alt="" src="ex.gif"> 

    <img id="opic" onclick="opicClick()"
         style="width: 55px; height: 55px; position: absolute; left: 400px; top: 100px;"
         alt="" src="oh.gif">

    <script>

      Initialize()           

      function xpicClick()
      {
         Slide(xpic,50,200,400,100,1000,0)
         setTimeout("Slide(xpic,400,100,40,200,1000,0)",2000)
         setTimeout("Slide(xpic,40,200,400,200,1000,0)",3100)
         setTimeout("Slide(xpic,400,200,400,100,500,0)",4200)
      }

      function opicClick()
      {
         Slide(xpic,50,200,400,100,1000,0)
      }

     </script>

  </body>
</html>