在当前页面新建一个div浮动层显示选中的图片(div浮动层)

原创 2012年03月29日 09:35:06

在当前页面新建一个div层,然后将要显示的图片放在里面。

function showPic(pic){
            var d = document.createElement("div");
            d.style.position = "absolute";
            d.style.top = "0px";
            d.style.left = "0px";
            d.innerHTML = "<img src='<%=request.getContextPath() %>/images/pic'/>"
            document.body.appendChild(d);
    }

 

查看后怎么关团图片?
加一个关闭按钮,点它,就把这个div层删除:

var b = document.createElement("button");
b.innerHTML = "关闭";
d.appendChild(b);
b.onclick=function(d){
 document.body.removeChild(d);
}



 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

jquery实现 悬浮显示,例子显示图片

无聊写的一个小demo html: #preview {position:absolute;background:#fff;padding:10px;display:none;} 立即注...

js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框

在本文为大家介绍两种思路实现点击页面其它地方隐藏该div,第一种是对document的click事件绑定事件处理程序..详情请参考本文 思路一 第一种思路分两步 第一步:对document的c...

网站div浮动层同时网站背景变灰代码兼容firefox,谷歌浏览器(Chrome)

网站div浮动层同时网站背景变灰代码兼容firefox,谷歌浏览器(Chrome)效果图: Sign in处代码:Sign in function ShowLoginWindow() { ...
  • nmtsy
  • nmtsy
  • 2012-10-19 23:45
  • 1246

div浮动层ie6历险

近来做个web,页面上希望实现类似照片轮播的效果,这个用flash做会比较酷,但因为会用到flex,这里没人会,只好选择用ajax实现。   大家知道,通过设置css的position:absol...

体验css+div 之 实现简单浮动层的基本方法

不过这种布局对窗口尺寸的适应能力极弱,所以不得不每次考虑这次的网站做成1003还是780,而信息的呈现方式也极其死板,比如说在一个类似于list的信息汇总页面,如果用户想了解某一个item的详情,一般...

DIV+CSS基础教程:浮动(float)页面布局

【第一步 整体布局与公共CSS定义】 我们先来分析一下这个页面 页面主要分5大块,顶部的Logo、导航条Nav、Banner、Content、Footer,如下图 ...

Div浮动显示功能

aspx页面用一个遮罩层显示正在加载,加载完后隐藏该div

已经有好一段时间没有使用.NET控件做web了,今天要优化一个界面,正好是用.NET控件做的,遂把此次解决问题的方案下来。 总是有许多开发人员觉得做东西没思路,我觉得只是见得少了,思考少了的缘故...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)