浏览效果图
2016-01-22 16:28
204 查看
1.js代码
2.html代码
$(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>"; } }
相关文章推荐
- java编程思想读书笔记一(1-5)
- 详解C++编程中的嵌套类的声明与其中的函数使用
- Solr调用示例
- CentOS 安装zabbix-server和zabbix-agent
- Ionic在Android上部署app步骤
- 资源暂时不可用错误(Out of memery)完美解决方安
- 安装Oracle客户端,PL/SQL总结
- MySQL添加用户、删除用户与授权
- (五)编写Android App测试Hello驱动程序API
- 图片添加滤镜效果,99中效果
- Battery
- 分享一些cocos2d手势识别资料
- CentOS 7 配置FTP(vsftpd)
- 总结的小知识点(更新)
- 工作总结_js倒计时
- Hadoop源代码中的build-main.xml
- wkhtmltopdf乱码解决方案
- Oozie入门
- git
- MySQL-死锁查询