1、效果图
- datagrid列表内展示的为小图,悬停展示的为高清大图
- onmouseover悬停事件
- onmouseout移走事件
2、jsp页面
<th data-options="field:'smallPic',width:20,formatter:smallpicFormt">图片</th>
3、js格式化图片展示
οnmοuseοver='bigImg(this)
οnmοuseοut='closeImg()
//smallpic格式化
function smallpicFormt(v, r, i) {
return "<img src=" + v + " οnmοuseοver='bigImg(this)' οnmοuseοut='closeImg()' style=" + "'width: 50px;height: 50px'" + ">";
}
4、onmouseover事件
//鼠标放上去
function bigImg(imgObj) {
var picdialog = $("#picdialog");
var imgid = $("#img_id");
if ((imgObj == undefined || imgObj == null || imgObj.length == 0)
|| ($(imgObj).attr