div里面有一张图片 想让它默认显示为隐藏 我点击button 显示按钮 时候,图片就显示出来,用javascript做
发布网友
发布时间:2022-04-30 00:07
我来回答
共4个回答
热心网友
时间:2023-10-10 21:52
html内容:
<div class="divName">
<img src="location.jpg" id="img" />
</div>
<div class="button">
<input type="button" id="button" value="点击显示图片" onclick="showImg()" />
</div>
css内容:
<style>
img#img{display:none;}
</style>
javascript内容:
<script>
function showImg(){
document.getElementById('img').style.display='block';
}
</script>
热心网友
时间:2023-10-10 21:53
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<!-- 图片&按钮 开始 -->
<img id="pic" src="https://gss0.baidu.com/-4o3dSag_xI4khGko9WTAnF6hhy/album/h%3D517%3Bcrop%3D96%2C0%2C480%2C517%3Bq%3D90/sign=3e267fe6f2d3572c79e29cddbd280055/d8f9d72a6059252de0dd350b349b033b5ab5b9f2.jpg" style="display:none;" />
<input id="btn" type="button" value="点击">
<!-- 图片&按钮 结束 -->
</body>
<!-- 显示控制 开始 -->
<script>
var pic=document.getElementById('pic');
var btn=document.getElementById('btn');
btn.onclick=function(){
pic.style.display='block';
}
</script>
<!-- 程序部分 结束 -->
</html>
热心网友
时间:2023-10-10 21:53
$(function () {
$('div的id').style().display='none';
}
默认隐藏
function onclick() {
$('div的id').style().display='block';
}
打开
热心网友
时间:2023-10-10 21:54
给div设置dispaly属性,display:block
div里面有一张图片 想让它默认显示为隐藏 我点击button 显示按钮 时...
html内容:<div class="divName"><img src="location.jpg" id="img" /></div><div class="button"><input type="button" id="button" value="点击显示图片" onclick="showImg()" /></div>css内容:<style>img#img{display:none;}</style>javascript内容:<script>function showImg(){doc...
网页制作中怎么做出点击按钮更换图片的效果
更改图片有两个办法 第一个是将所有图片加载,但是只显示一张图片,其余的隐藏,每点击一次,将当前的隐藏,下一个显示。<div><!-- 这个div用了放置所有的img图片 --><img class="img" src="1.jpg" /><img class="img" src="2.jpg" style="display:none" /><img class="img" src="...
js 怎么用一个按钮控制DIV来回显示和隐藏
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,然后按下Crtl+S保存一下:2、创建一个button按钮,给按钮设置一个id,名字设置为“myBT”,创建一个用来显示隐藏的div,将其id设置为“main”:3、给div和button设置一些样式,为了美观好看,这里无需设置display,因为默认就是显示的:4...
vue如何实现点击隐藏与显示
如何使用vue进行按钮点击后指定区域内容隐藏,再次点击按钮隐藏内容显示。实现思路:首选需要设置一个属性为true(show:true),然后使用v-if把show属性绑定到要显示与内容的标签身上,最后给点击按钮添加点击事件,当show属性为true就设置为false,为false就设置为true(this.show = !this.show)即可。新建一个...
...在点击一个按钮之后,才在一个div框中显示文字图片
还有最重要的一点,一定要将中间的按钮摆放在最上层,否则它的点击事件会被其他按钮覆盖。二、一排不规则图形的布局 看到这个UI效果图,首先脑海里想到的方法跟以往的布局一样,将三个按钮分别添加约束,并按照比例摆放。由于这是个不规则图形,不能简单的将按钮三等分,所以做法是将左右两个按钮的边距固定,...
用c#语言做网页前台,如何点击button显示本地图片
protected void Button3_Click(object sender,EventArgs e){ //物理路径转换为虚拟路径,这里不详细写了,自己去查资料 string path=""; this.imgBtn.ImageUrl=path;}这样写功能是达到了,但是这样没什么实际应用可言。我知道你的意思是要实现什么,要提示你的是:要明确Web程序的虚拟路径与图片的...
...默认隐藏,页面有个按钮button点击后nav导航栏显示
nav=document.getElementById("nav");nav.style.display="none";document.getElementById("navdisplay").onclick=function(){if(nav.style.display=="none"){ nav.style.display="block"; }else{ nav.style.display="none"; }}</script></body></html>就是如此简单。
使用jQuery toggle时,点击后会闪一下,DIV才出来
<div > <input type="button" id="shift"value="点击这里" /> <p style="display:none">我想点击一个图片实现font_div隐藏与显示,但是实际情况是当我点击了这个图片后font_div部分不是很顺利的就显示出来,而是先把整个font_div显示出来,然后又重新慢慢显示。就像是闪了一下,再实现我要的效果...
<大神>js如何实现点击一个按钮隐藏一个div,然后该div上有一个按钮,点击...
1、打开html开发软件,新建一个html文件。2、在html文件上创建一个button按钮,然后给这个按钮设置一个id,在案例中把按钮的id设置为show。3、然后创建一个隐藏的div,把需要隐藏的内容写到这个div上,然后给这个div设置一个id。4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none...
点击按钮显示div,点击空白区域隐藏div,但现在再次点击空白区域的时候...
(function(){var div = $(".div"), $d = $(document);$("input[type=button]").click(function(){div.fadeIn();$d.on("mouseup", function(){$d.off("mouseup");div.off("mouseup");div.fadeOut();return ;});div.on("mouseup", function(event){event.stopPropagation();...