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



 

React+AntD+AntV 前端实例 鼠标移动事件 触发显示 浮动DIV图层(展现一个趋势图)

最近在做性能平台的前端,PRD有个需求:当鼠标移到table中某列的数据上,要显示该数据近期一段时间内的趋势图,鼠标移开,趋势图浮动层消失,最终实现效果如图(图中数据是mock数据):1.组件是用的A...

网页HTML右侧浮动DIV层广告或在线客服图片框最佳代码(支持Firefox&IE)

网页HTML右侧浮动DIV层广告或在线客服图片框最佳代码,支持 firefox和IE,已经过测试 这里放置浮动层的内容,可以放图片或在线咨询客服的相关东西. var Mar...

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

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

css中解决浮动DIV撑开父层高度的问题

1) 加高法: 浮动的元素,只能被有高度的盒子关住。 也就是说,如果盒子内部有浮动,这个盒子有高,那么妥妥的,浮动不会互相影响。但是,工作上,我们绝对不会给所有的盒子加高度,这是因为麻烦,并且不能适...

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

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

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

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

div浮动层ie6历险

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

表格自动适应浏览器大小及DIV浮动设计(页面自适应浏览器大小)

一、表格自适应浏览器大小       之前写了个页面,将width和height值给定死了,这样导致浏览器缩小时,表格不会跟着自动适应浏览器大小。       解决方法:       1.一般是给...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在当前页面新建一个div浮动层显示选中的图片(div浮动层)
举报原因:
原因补充:

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