如下所示：

var TableIns=window。可交换的=桌子.render({ elem : '#idTest '，id : 'idTest '，URL : ' %=path %/party member/getparty member bygcode '，//width : 1500，height : 'full '，cols : [ [ //标题栏{checkbox : true，LAY_CHECKED : false，filter : 'test'}，{field: 'HEAD_URL '，title: '头像，宽度： 100,对齐： '中心，模板：'#imgTpl'}，/{ 0字段： 'PM_CODE '，标题： '党员编号，宽度： 220,排序：真的，对齐： '中心' },{字段： '名称，标题： '党员姓名，宽度： 110,排序：真的，对齐： '中心' },{字段： 'SEX '，标题： '性别，宽度： 70,排序：真的，对齐： '居中，模板：'#sexTpl'}，{ 0字段： '年龄'，标题： '年龄，宽度： 70,排序：真的，对齐： '中心' }, {字段： 'PARTY_AGE '，标题： '党龄，宽度： 70,排序：真的，对齐： '居中' },{字段： '出生日期'，标题： '出生日期，宽度： 120,排序：真的，对齐： '居中' },{字段： 'JOIN_PM_DATE '，标题： '入党时间，宽度： 120,排序：真的，对齐： '居中' },{字段： 'FULL_PM_DATE '，标题： '转正时间，宽度： 120,排序：真的，对齐： '中心' },{字段： '类型，标题： '类别，宽度： 120,排序：真的，对齐： '居中，模板：'#typeTpl'}，{ 0字段： '手机号'，标题： '手机号码，宽度： 150,排序：真的，对齐： '中心' },//{字段： '代码，标题： '组织编码，宽度： 220,排序：真的，对齐： '中心' }, {字段： 'ORG_NAME '，标题： '所在支部，宽度： 230,排序：真的，对齐： '居中' },{字段： '单位名称'，标题： '所在单位，宽度： 220,排序：真的，对齐： '中心' },{固定： '右侧，标题： '操作，宽度： 220,对齐： '居中，工具栏： '#barDemo'} ]，第：页true //是否显示分页，限制： [ 15,20,50,100 ],限制： 15 //每页默认显示的数量，done:function(res，curr，count){ HearOpenIMG()； //显示大图$("表tr ").on('click '，function(){ $('table tr ').css(“”背景',' ');$(这个)。css('background '，' %=PrOpkit。使用(' config。属性').get(' table _ color ')% ')；});} });在完成的函数中调用悬停打开图片方法，以及单击表格行高亮的效果。

其中悬停打开图片方法实现如下：

函数HeavOpenIMg(){ var img _ show=null；//提示提示$('td img ').悬停(function(){ //alert($(this)).attr(' src ')；var img=' img class=' img _ msg ' src=' ' $(this).attr(' src ')' ' style=' width :130 px；' /';img_show=layer.tips(img，this，{ tips:[2，' rgba(41，41，41，5)']，面积：[' 160 px ']})；}，function(){ layer。关闭(img _ show)；});$('td img ').attr('style '，'最大宽度：70 px ')；}同样比较好理解，当任务描述下的图片被鼠标悬浮时，构造一个图片元素，通过图层提示方法在右边渲染该图片，当鼠标离开时，使用图层。关闭把当前提示框关闭，同时设置了下最大宽度最大宽度样式。

效果如下：

鼠标悬浮时：

以上这篇获得实现数据表格中鼠标悬浮图片放大效果，离开时恢复原图的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。