用GridView控件绑定表的数据，显示了图片，鼠标移到图片时，此图片放大，鼠标离开图片时，此图片还原

发布网友发布时间：2022-04-08 06:45

共1个回答

热心网友时间：2022-04-08 08:14

将GridView控件中包含图像的转换为模板列，编辑模板，将其中的控件换为Image（假设大小为16*16，名称为Image1）。
网页中加入以下js代码：
<script type="text/javascript">
function sizeBig(ID)
{
var objImg=document.getElementById(ID);
objImg.style.width="30px";
objImg.style.height="30px";
}
function sizeSmall(ID)
{
var objImg=document.getElementById(ID);
objImg.style.width="16px";
objImg.style.height="16px";
}
</script>
一个将图片变大，一个将图片变小。
在GridView控件的RowDataBound事件中加入以下代码：
if (e.Row.RowType == DataControlRowType.DataRow)
{
Image img = (Image)e.Row.Cells[1].FindControl("Image1");
img.Attributes.Add("onmouseover", "sizeBig(\"" + img.ClientID + "\")");
img.Attributes.Add("onmouseout", "sizeSmall(\"" + img.ClientID + "\")");

}
这段代码是在gridview控件进行数据行绑定时，为每一行的图片加入了客户端脚本代码。
ok啦，你试试吧。