js实现点击按钮显示图层，js编程实现单击按钮显示相应图片的效果

如何用JS或JQ实现点击不同的按钮出现不同的层内容

1、因为span1的display原始属性是block，所以打开页面会显示span1的内容。选择不同单选按钮时，会调用不同的js方法，改变各个span的display值，来控制显示不同的内容。

2、新建一个html文件，命名为test.html。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，在p标签内，使用button标签创建一个按钮，按钮名称为“按钮”。

3、如果是可以用delegate代理点选事件。如果没有，自己写一个，其实就是点选事件的冒泡。

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

相关问答

Q1: js怎么做点击一个图片弹出一个层的效果?

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

你换种方法实现。把图片做成背景图然后在A标签上面加个事件。

最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

Q2: 用html做一个按钮!点击一下这个按钮显示一个图层,在点击一下图层消失...

如果只是想显示隐藏就把display换成visibilty：hidden。

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

按钮中的onclick=mybuttonClick()；意思是当点击按钮时调用这个js函数，而js函数下面已经定义了，document.getElementById(but1).value这是js的一个内部方法，获得该id的元素的值，当然也可以用这个赋值。

js实现点击按钮显示图层的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js编程实现单击按钮显示相应图片的效果、js实现点击按钮显示图层的信息别忘了在本站进行查找喔。