ドラッグ アンド ドロップで開始

<asp:ScriptManager ID="ScriptManager1" runat="server">
    <Scripts>
        <asp:ScriptReference Assembly="Infragistics4.Web.v22.2, Version=22.2.20222.1000, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Name="Infragistics.Web.UI.SharedScripts.igDragDrop.js" />
        <asp:ScriptReference Assembly="Infragistics4.Web.v22.2, Version=22.2.20222.1000, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Name="Infragistics.Web.UI.Scripts.5_igObjects.js" />
        <asp:ScriptReference Assembly="Infragistics4.Web.v22.2, Version=22.2.20222.1000, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Name="Infragistics.Web.UI.SharedScripts.igAnimation.js" />
    </Scripts>
</asp:ScriptManager>

<div id="imageList" style="height: 70px; width: 600px; top: 65px; position: relative; text-align: center;">
    <img src="Pictures/8ball.bmp" id="8-ball" />
    <img src="Pictures/bell.bmp" id="Bell" />
    <img src="Pictures/CD.bmp" id="CD" />
</div>
<div id="cartAreaDIV" style="position: relative; left: 17px; top: 65px; width: 600px; border: solid 1px black;
    height: 125px;">
</div>

<script type="text/javascript">
// TODO:  ドラッグ アンド ドロップを処理するためのコードを追加します。
</script>

Sys.Application.add_load(appLoaded);
function appLoaded() {
    //TODO: ドラッグ アンド ドロップ機能を設定するためのコードを追加します。
}

var ddb = new $IG.DragDropBehavior();

ddb.set_defaultDropAction($IG.DragDropAction.Append);
ddb.set_dragDropMode($IG.DragDropEffects.Copy);

var list = $get("imageList");
var count = list.childNodes.length;
var child;
for (var i = 0; i < count; i++) {
    child = list.childNodes[i];
    // ドラッグ アンド ドロップのソースとして各 IMG を設定します
    if (child.getAttribute)
        ddb.addSourceElement(child);
    }

// ターゲット要素を Div として設定します
ddb.addTargetElement($get("cartAreaDIV"), true);