在当前页面新建一个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);
}



 

一个iframe怎样浮动在另一个大的iframe上面

1、首先两个iframe要同级 2、把其中一个的iframe套在div里面 3、把div浮动。...
  • alex8046
  • alex8046
  • 2016年05月19日 18:24
  • 596

javascript:浮动div,可拖拽div,遮罩层(div和iframe实现)

转自:http://kb.cnblogs.com/a/1593190/ 在网页中,经常需要标题里提到的几种效果,实现比较简单,这里总结一下(IE测试通过),以备日后再用。 预备知识:网页中的高...
  • aidenliu
  • aidenliu
  • 2012年05月04日 10:54
  • 1341

笔记 - 7、HTML - 内联(浮动)框架--iframe

HTML·浮动框架(内联框架):     可以写在页面中的任意位置。 属性:     src:引用页面的路径     width:设置框架的宽度     height:设置框架的高度 ...
  • zbs609202360
  • zbs609202360
  • 2016年03月30日 22:22
  • 545

跨iframe浮动菜单

Insert title here /css/menu.css">
  • suwing6406029
  • suwing6406029
  • 2014年06月28日 11:55
  • 1372

浮动的div层置顶显示

问题:浮动层被select组件覆盖住一部分。div被select挡住,是一个比较常见的问题。  解决方法是:虽说div直接盖不住select   但是div可以盖iframe,而iframe可以盖s...
  • wq122289014
  • wq122289014
  • 2016年10月21日 10:16
  • 2999

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

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

div浮动层被图片、select等遮挡的处理办法

在div层内加一段iframe代码:   如果被flash遮挡:对flash加个参数
  • yctcsms
  • yctcsms
  • 2010年06月09日 13:26
  • 2370

弹出窗口(DIV浮动)

widget.css: .widget_newfolder .p1 { font-size: 20px; } .widget_newfolder .p2 { margin-top: 15px; }...
  • hutao1101175783
  • hutao1101175783
  • 2013年10月05日 23:04
  • 1989

jQuery实现鼠标悬浮在div上时候动态浮动另外一个div层盖住第一个div层

无标题文档 .caption{ width:200px; height:100px; background-color:red; position:fixed; } .layer{ width:2...
  • a1321941138
  • a1321941138
  • 2015年03月19日 16:16
  • 2413

Div 浮动到另一个div之上:

Div 浮动到另一个div之上: 绝对定位相对定位 .fj1 { position: absolute; ...
  • WDYDXF
  • WDYDXF
  • 2013年03月04日 16:36
  • 34987
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在当前页面新建一个div浮动层显示选中的图片(div浮动层)
举报原因:
原因补充:

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