点击按钮就弹出图片的js，点击出现图片

HTML如何做到点击按钮弹出一张图片?

1、你这个是网页动态交互效果，只能用JavaScript去实现。类似于于弹窗。

2、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

3、首先，打开HTML编辑器并创建一个新的HTML文件，比如index。html，写出的基本问题代码。 在button标签的索引。style=background： url(smallpng)；宽度：150 px；高度：60px 。当浏览器运行索引时。

4、){img.style.display = none；this.style.display = none；}/script/html没明白你的意思。我想的是打开页面的时候就是一个弹窗状态，当我点击关闭后弹窗图片消失。

5、①HTML自身只能承载数据；②对于样式的展现需要css来定义，然后通过浏览器渲染；③要想实现弹窗可以通过给按钮绑定事件（onclick事件）来实现弹窗的效果。

6、新建html文件，例如：index.html，输入问题基础代码。在index.html中的body标签中，输入js代码：function fun() { alert(click success！)；} 浏览器运行index.html页面，此时点击按钮弹出了提示框。

相关问答

Q1: html做点击按钮显示图片,多个按钮,按不同的按钮能显示不同的图片,开...

1、你也可以把图片地址放到button里，把button当参数传到方法里。

2、很多种方法。用CSS可以实现，用JS也可以实现。主要看你是想实现个什么东西。如果是替换背景图片的话，用CSS的话，那就 修改：hover里的背景图片。so easy！简单的很。

3、先插入一个按钮，并做一个按钮就够了，回到主场景 从库里拖出N个按钮，放在场景图层1的第1帧，调整按钮的位置，使之合理。

4、background-color： orange这是文字1/div div style=width： 100%； height： 25px；background-color： red这是文字2/div /div 浏览器运行index.html页面，此时按钮被添加上下两个不同颜色的背景。

5、最后，按CRTLS保存文件：打开浏览器，可以在网页中看到gif图片的内容。

Q2: js弹出图片怎么写?网页一打开就弹出一张照片的那种!

1、遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。

2、var img = document.getElementsByTagName(img)[0]；mask.onclick=function(){img.style.display = none；this.style.display = none；}没明白你的意思。

3、很明显， 你OpenImg(images/h-imgs/bg.jpg)，这个方法的参数你没加引号，应该传入一个字串才对，你目前的写法，在js里会认为你传入的是个变量。

点击按钮就弹出图片的js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于点击出现图片、点击按钮就弹出图片的js的信息别忘了在本站进行查找喔。