<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <title>ASP.NET AJAX</title>
  <script type="text/javascript">
  function pageLoad() {
    var ani = new Sys.Preview.UI.Effects.NumberAnimation();
    ani.set_target($get("Label1").control);
    ani.set_startValue(0);
    ani.set_endValue(300);
    ani.set_duration(3);
    ani.set_integralValues(true);
    ani.setValue = function(value) {
      Sys.UI.DomElement.setLocation(
        this.get_target().get_element(),
        value,
        value);
    }
    ani.play();
  }
  </script>
</head>
<body>
  <form id="form1" runat="server">
    <asp:ScriptManager runat="server" ID="ScriptManager1">
      <Scripts>
        <asp:ScriptReference name="PreviewScript.js" assembly="Microsoft.Web.Preview" />
        <asp:ScriptReference name="PreviewGlitz.js" assembly="Microsoft.Web.Preview" />
      </Scripts>
    </asp:ScriptManager>
    <div>
      <label id="Label1" style="background-color: Red; position: relative;">
        Przesuwam się ...</label>
    </div>
  </form>
  <script type="text/xml-script">
    <page xmlns:script="http://schemas.microsoft.com/xml-script/2005">
      <components>
        <label id="Label1" />
      </components>
    </page>
  </script>
</body>
</html>
