我能想到的就是点击的时候临时存储一个src，在新页面读取一下，点按钮会跳转到新页面并创建一个img，src为sessionStorage里的；1点击按钮链接触发弹出层，弹出层应该有半透明的遮罩层2点击弹出层的关闭按钮取消按钮或者遮罩层会关闭隐藏弹出层3使用Esc键也可以关闭弹出层4它是响应式的，并且兼容现代主流浏览器HTML 1首先我们在。

1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的ltbutton标签中，加入样式代码style=quotbackground urlsmall2pngwidth150pxheight60pxquot3浏览器运行index；1首先，打开html编辑器，新建html文件，例如indexhtml，输入问题基础代码2在indexhtml中的ltbody标签中，输入js代码function fun alert#39click success！#39 3浏览器运行indexhtml页面，此时点击按钮。

这个样式挺漂亮的，你可以试下lt！DOCTYPE html lthtml lthead ltmeta；我给你一个地址，菜鸟教程Javascript这儿有图片弹窗的实例。

1打开web项目开发环境 打开或者新建一个web项目2这是被引入的B页面的html，定义一个tabl，HTML页面代码3这是被引入的B页面的css样式表4这是将要引入table元素的html页面代码即A页面，相对于父界面，这里使用；50% margin50px 0 0 50pxltstyle下面是body里的部分ltdiv id=quotdivquotltdivltinput type=quotbuttonquot value=quot点击quot id=quotbtnquot以上是一个简单的点击按钮弹出一个居中的DIV，点击DIV则让这个DIV隐藏。

二设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮其中，调用了jquery的以上两个函数具体代码如下三设计遮罩层的样式，如下四弹出窗口的css样式，代码如下五初始页面如下六点击按钮，查看弹出。

html点击按钮弹出div

1、实现原理displayblock 把代码直接复制看效果 lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltmeta。

2、这个属于显示隐藏层 默认层是隐藏的，并用绝对定位 点击按钮，显示该层。

3、首先你在css里面设置product为，就是添加display，然后在JavaScript里面动态设置属性display为block就是你要的效果了。

4、ltinput type=quotbuttonquot value=“按钮” onClick=quotjavascriptaquot。

html点击按钮弹出图片怎么做

你这个是网页动态交互效果，只能用JavaScript去实现类似于于弹窗纯html没有办法实现。

这个的话，就看你怎么弄了，写死的话，就定义图片 改变 class=“taindian1”的innerHTML 就可以，也可以做成活的，就ajax请求后台数据，改变图片的链接 或者是 你写几个div，然后显示当前的，别的隐藏 切换的时候，改变。