浏览效果图

1.js代码

$(document).ready(function() {$(document).on("mouseover",".img_hover",function(){$(this).siblings("div").show();});$(document).on("mouseout",".img_hover",function(){$(this).siblings("div").hide();table.dataTable().fnDraw(false);});});

2.html代码

{"data":"",render:function(data,type,row){        var title = row.category_name;        var image_pos = row.app_img;           return ""+title+"<label style='position: relative;margin-left:10px'>"+"<span class='glyphicon glyphicon-file img_hover' style='margin-right: 10px ; cursor: pointer'> </span>"+"<div style='position: fixed;left: 15%;top: 40%;display:none;z-index: 2'>"+"<img src='"+image_pos+"' style='max-height: 300px;max-width: 300px;' />"+"</div> </label>"; }}