您的位置:首页 > 其它

浏览效果图

2016-01-22 16:28 204 查看
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>";
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: