效果如下:
鼠标放上去变为:
代码如下:
{header:'${text("类型")}', name:'type', index:'a.type', width:150, align:"center"},
{header:'${text("卡片名称")}', name:'cardname', index:'a.cardname', width:150, align:"center"},
{header:'${text("卡片正面")}', name:'frontimg', index:'a.frontimg', width:150, align:"center", frozen:true, formatter: function(val, obj, row, act){
return '<img src="'+row.frontimg+'" onmouseover="bigger(this)" onmouseout="smaller(this)" style="height:80px;">';}},
<script type="text/javascript">
function bigger(x){
x.style.height = '240px';
}
function smaller(x){
x.style.height = '80px';
}
</script>
即可