js点击图片切换光标自定义ani文件问题

 为何" document.getElementById('mypic').style.cursor = "../Images/11.ani";document.getElementById('mypic').style.cursor = "Url(../Images/00.ani)";"
在我本地电脑上能启作用,可发布后,在远程服务器上,就不起作用了,自定义光标就没有了<script language="javascript" type="text/javascript">
        function commChange(a)
        {
            document.getElementById("changeType").value=a;
            picCursor();          
            PictureChange(a);
        }
       function picCursor()
       {
            var zz = document.getElementById("changeType").value;
           
            if (zz=='1')
            {
                document.getElementById('mypic').style.cursor = "Url(../Images/11.ani)";
            }
            else if (zz=='0')
            {
                document.getElementById('mypic').style.cursor = "Url(../Images/00.ani)";
            }
            else
            {
                document.getElementById('mypic').style.cursor = "auto";
            }
       }
        function PictureChange(t)
        {
            if (t == "1")
            {
               var w = document.getElementById('mypic').width;
               document.getElementById('mypic').width= w * 1.2;
               
               var h = document.getElementById('mypic').height;
               document.getElementById('mypic').height= h * 1.2;         
            }
            else if (t == "0")
            {
               var w = document.getElementById('mypic').width;
               var w1 = w * 0.8;
               
               var h = document.getElementById('mypic').height;
               var h1 = h * 0.8;               if (w1 > 10 && h1 > 10)
               {
                   document.getElementById('mypic').width= w1;
                   document.getElementById('mypic').height= h1; 
               }
            }
            
//            event.cancelBubble = false;
//            event.returnValue = false; 
        }
        
        function keyDown()
        {
            if ((event.ctrlKey)&&(event.button==1))
            {
                document.getElementById("changeType").value = '0'; 
                PictureChange('0');                
            }
            else if ((!event.ctrlKey)&& (event.button==1))
            {
                var t = document.getElementById("changeType").value;
                PictureChange(t);
            }
//            event.cancelBubble = false;
//            event.returnValue = false; 
        }
        function loadupFile()
        {
            var app = document.getElementById("AppPath").value;
            var itemno = document.getElementById("ItemNo").value;
   
            var Url = app + "/CommonPages/ModifyFileDailog.aspx";            
            window.showModelessDialog(Url + "?ItemNo=" + itemno + "&FileID=00000000-0000-0000-0000-000000000000",window,"status:0;center:1;dialogHeight:150px;dialogWidth:550px;scroll:0;");
        }
        
  </script>
</head>
<body  > <div id="wrapper">
 <fieldset >
   <input  id="add" type="image"  src="../Images/+.png"  onclick="javascript:commChange('1');"   />   
       <input  id="red" type="image"   src="../Images/-.png"  onclick="javascript:commChange('0');"  /> 
       <input   type="image"   src="../Images/UpLoad.png"  onclick="javascript:loadupFile();" /> 
       <input type="image" src="../Images/ToolBarClose16.gif" onclick="window.close();" />
   
    </fieldset>
<div id="main">
<p>
         <img id="mypic"  src="<%=itemPicture%>" alt=""  onmousedown ="javascript:keyDown();" />
         
         </p> </div>
<div id="footer" align="center">    
         PhotoURL:<%=itemPicture%>
     </div> 
     <input type="hidden" id="ItemNo" value="<%=itemNo %>"/>
     <input type="hidden" id="AppPath" value = "<%=appPath%>" />
     <input type="hidden" id="changeType" />
     <input type="hidden" id = "pheight"  value="300px"/>
     <input type="hidden" id = "pwidth" value = "450px" />
</div>
</body>
</html>