js点击按钮图片显示，js点击按钮弹出图片

JQ怎么实现点击一个按钮一张图片显示其他几张隐藏

Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。

新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。预览如图当点击隐藏按钮，p内容隐藏。

相关问答

Q1: javascript点击查看图片,弹框显示图片,怎么用js怎么实现?

1、通过JS代码 document.getElementById(divID).style.etElementById(divID).style.display = none。函数可以实现。遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。

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

3、其实很简单，就像xiangyuecn回答的那样。不过那是开新的浏览器窗口显示图片，如果你要在同一个窗口显示，那就要用到JS。

4、其实弹出层的思路还是比较简单的：一般是这个层是隐藏的(display：none)，然后点击你说的图片(或者任何的页面元素)，这个层就会显示（一般display：inline-block/block），同时设置一个灰色的背景看起来这个层是浮于下面的层之上的。

5、先编写 一个html ，设置添加图片记录文件连接。

Q2: 如何用JS显示图片呢?

用js定义一个字符串变量，把图片的字符串写进去，然后div.innerhtml把这个字符串加进去。用类似jquery的js插件，也是先定义图片字符串变量，然后div.append这个字符串就好了。

如何通过js获取网页中的所有图片并加入点击事件实现 加载网页时，获取图片并添加点击通过js的识别方法。-(void)webViewDidFinishLoad：(uiwebView*)webView{ [IDProgressHUDIDPlaceViewHideDirect：self.view]；//这里是js，主要目的是获取url。

(document).mousedown(function(e) { var $doc=$(document)；().css({position：absolute，left：e.pageX+$doc.scrollLeft()，top：e.pageY+$doc.scrollTop()}).appendTo(body)；})；上面代码是点击后就在鼠标的位置创建并显示一张图片。

输入 var img = new Image()；//创建img容器 img.src=‘这儿就是复制填写上面那一大串’；//给img容器引入base64的图片 /scirpt 最后一步：document.body.appendChild(img)；//将img容器添加到html的节点中就行了。

Q3: 如何用JS实现,单击图片,在新的页显示图片

1、在test.html文件内，在js标签中，通过img标签的id获得对象，给该对象绑定click点击事件，当图片被点击时，执行function内的代码。在function方法体内，使用location.href来实现跳转至另一个页面，例如，这里设置跳转至百度网站。在浏览器打开test.html文件，点击图片，查看实现的效果。

2、要么用ajax，要么把图片都绑出来，设为隐藏，然后js控制第几张图片显示，要么把图片都绑出来做个div遮罩层。建议 找个实例，右键--查看源码 拿下别人的js 换个方式，上百度搜索 thickbox实例 个人觉得thickbox效果还不错。

3、如果是在新窗口看的话，不用JS，直接A标签加上图片地址就好了。如果是需要这种效果的话，可以制作隐藏层，点击图片的时候显示出来。

4、其实很简单，就像xiangyuecn回答的那样。不过那是开新的浏览器窗口显示图片，如果你要在同一个窗口显示，那就要用到JS。

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

关于js点击按钮图片显示和js点击按钮弹出图片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。