鼠标拖动图片限制范围问题（在线）

<script language="JavaScript">
<!--
function reload(){ document.all.name2.style.top = 120; document.all.name2.style.left = 264;}
-->
</script>
<script type="text/javascript" src="wz_dragdrop.js"></script>
<DIV style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; Z-INDEX: 104; LEFT: 16px; OVERFLOW: hidden; BORDER-LEFT: 1px solid; WIDTH: 888px; BORDER-BOTTOM: 1px solid; POSITION: absolute; TOP: 104px; HEIGHT: 360px"ms_positioning="GridLayout">
  <div id="name2" style="Z-INDEX:101; LEFT:144px; WIDTH:89px; POSITION:absolute; TOP:8px; HEIGHT:80px"><img name="name1" src="a.gif" width="88" height="96" style="WIDTH: 88px; HEIGHT: 96px"></div>
  <DIV id="name3" style="Z-INDEX:102; POSITION:absolute"><img name="name4" src="b.gif" width="123" height="133"></DIV>
</DIV>
<INPUT style="Z-INDEX: 101; LEFT: 200px; WIDTH: 56px; POSITION: absolute; TOP: 464px; HEIGHT: 24px" onclick="reload()" type="button" value="还原">
<script type="text/javascript">
<!-- SET_DHTML("name2","name3");
-->
</script>
点击“还原”按纽后a.gif不能再拖动怎么办哦!-_-!

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
    <HTML>
    <HEAD>
    <title>鼠标拖动多张图片</title>
    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" Content="C#">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <script language="JavaScript">
    <!--
    function reload(){ document.all.name2.style.top = 120; document.all.name2.style.left = 20;}
    -->
    </script>
    </HEAD>
    <body MS_POSITIONING="GridLayout">
    <form id="Form1" method="post" runat="server">
    <script type="text/javascript" src="wz_dragdrop.js"></script>
    <DIV id = " frame"style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; Z-INDEX: 104; LEFT: 16px; OVERFLOW: hidden; BORDER-LEFT: 1px solid; WIDTH: 888px; BORDER-BOTTOM: 1px solid; POSITION: absolute; TOP: 104px; HEIGHT: 360px"
    ms_positioning="GridLayout">
    <div id="name2" style="Z-INDEX:101; LEFT:144px; WIDTH:89px; POSITION:absolute; TOP:8px; HEIGHT:80px"><img name="name1" src="a.gif" width="88" height="96" style="WIDTH: 88px; HEIGHT: 96px"></div>
    <DIV id="name3" style="Z-INDEX:102; POSITION:absolute"><img name="name4" src="b.gif" width="123" height="133"></DIV>
    </DIV>
    <INPUT style="Z-INDEX: 101; LEFT: 200px; WIDTH: 56px; POSITION: absolute; TOP: 464px; HEIGHT: 24px" onclick="reload()" type="button" value="还原">
    </form>
    <script type="text/javascript">
    <!-- SET_DHTML("name2","name3"); -->
    </script>
    </body>
    </HTML>