datalist 图片放大

Question

<asp:DataList ID="DataList1" runat="server"> 
            <ItemTemplate> 
                <table> 
                    <tr> 
                       <td style="width: 100px"> 
                            <asp:Image ID="Image1" runat="server" ImageUrl=' <%# Eval("BookUrl") %>' /> </td> 
                    </tr> 
                </table> 
            </ItemTemplate> 
</asp:DataList> ASP.NET  Datalist控件绑定图片，鼠标移动到图片上后图片放大，如何修改代码？？？ 

Answer 1

<script type="text/javascript">
    function showImg(img)// 显示原图像
    {
        var dvImg = document.createElement("div");
        dvImg.id = img.id.replace("img", "dv");
        var leftV = calculateOffset(img, "offsetLeft");
        var topV = calculateOffset(img, "offsetTop");
        //dvImg.style.left=left;
        dvImg.style.top = eval(topV + 10);
        var imgyuan = document.createElement("img");
        imgyuan.src = img.src;
        imgyuan.style.width = "250px";
        imgyuan.style.height = "250px";
        dvImg.style.position = "absolute";
       
        //dvImg.style.border = "solid 1px #708698";
        dvImg.style.width = "70px";
        dvImg.style.height = "60px";
        dvImg.style.paddingLeft = "7px";
        dvImg.style.paddingTop = "15px";
       // dvImg.style.backgroundColor = "white";
        dvImg.appendChild(imgyuan);
        img.parentNode.appendChild(dvImg);
    }
    function removeImg(img)//移除原图像
    {
        var dvId = img.id.replace("img", "dv");
        var dv = document.getElementById(dvId);
        if (dv != null) {
            dv.parentNode.removeChild(dv);
        }
    }
    function calculateOffset(field, attr) //获取对象的绝对像素
    {
        var offset = 0;
        while (field) {
            offset += field[attr];
            field = field.offsetParent;
        }
        return offset;
    }
    function aa() {
        //var swidth=window.screen.width;
        var swidth=window.screen.availWidth;
        var sheight=window.screen.availHeight;
         var kongheight=window.screen.height-sheight;
        var divs = document.getElementById("myDiv");
        divs.style.display = 'block';
        divs.style.position = "absolute";
        divs.style.backgroundColor = "#aaa";
        var dwdith=400;
        var dheight=300;
        divs.style.width = dwdith;
        divs.style.height = dheight;
        divs.style.top = (sheight-dheight-kongheight)/2;
        divs.style.left = (swidth-dwdith)/2;
    }
</script><asp:Image ID="Image1" runat="server" onmouseover="showImg(this)" onmouseout="removeImg(this)" ImageUrl=' <%# Eval("BookUrl") %>' />