点击按钮显示隐藏或切换div，点击按钮提示下载

最新推荐文章于 2019-05-16 18:12:09 发布
最新推荐文章于 2019-05-16 18:12:09 发布
阅读量283 收藏
点赞数
文章标签： XHTML HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_4032/article/details/82045677
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="JavaScript">
function preview(DivId)
{
if(document.getElementById(DivId).style.display=='none')
{ document.getElementById(DivId).style.display=''; }
else
{ document.getElementById(DivId).style.display='none'; }

}
function download(file){
window.location.href=file;
}
</script>
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" class="box04" width="100%">
<tr>
<td align="center"><input type="button" class="anniu_bg1" onClick="preview('gift')" value="预览"/>  
<input type="button" class="anniu_bg1" onClick="javascript:download('aa.xlsx')" value="下载"/>  
</td>
</tr>
</table>
<br/>
<div id="gift" style=" display:none">
<table width="80%" border="0" cellspacing="0" cellpadding="0" class="box_title_bg2" align="center">
<tr class="box_title_bg1">
<td>abc</td>
<td>def</td>
<td>hij</td>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
<td>ddd</td>
</tr>

<tr>
<td >121313</td>
<td>312321</td>
<td>13213213</td>
<td>343</td>
<td>w324</td>
<td>34324</td>
<td>56</td>
</tr>
</table>
</div>
</body>
</html>
iteye_4032
关注
java单击按钮实现窗口隐藏
xulingqiang的专栏
04-30 6071
下面代码实现新建一个按钮，单击后隐藏窗口。
单击按钮显示新窗体，再按下新窗体隐藏功能的实现
天下布武
12-26 2152
        闲来无事,学点小技巧,怕以后忘了,先记录下来.两个窗体Form1,Form2,Form1上有个按钮simpleButton1,程序运行打开Form1，点击 simpleButton1,Form2显示，再点击Form2隐藏,如此反复。         Form2 pForm2 = new Form2();//先创建一个Form2的实例对象        public in
实现点击按钮切换显示和隐藏效果
wieyi的博客
04-04 1万+
 点击同一个按钮可以实现一个元素的显示和隐藏的切换，下面就通过代码实例介绍一下如何实现此效果，代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
swing 自定义最小化按钮后，实现点击任务栏图标，使窗体重新显示
cuiyaoqiang的博客
09-24 3455
jf.setUndecorated(true); // 去掉窗口的装饰 jf.getRootPane().setWindowDecorationStyle(JRootPane.NONE); jf.addWindowStateListener(new WindowStateListener() { @Override publ
弹框 浮层（点击button按钮，弹出隐藏框）
Be myself
07-12 7142
1. html 部分： <div class="signWrap"> <div class="sign"> <a class="signClose" href="javascript:showSign();">点击关闭</a> <p class="signTitle">预约报名</p> <div cla...
点击按钮（a标签）隐藏显示div内容，切换div内容
08-11
超级实用的点击隐藏，显示div内容，切换div内容 点击按钮（a标签）
javascript点击按钮实现隐藏显示切换效果
01-21
本文实例分享了点击按钮实现隐藏和显示的切换代码，供大家参考，具体内容如下 效果图： 在不少应用中，都有这样的功能，点击同一个按钮可以实现一个元素的显示和隐藏的切换，下面就通过代码实例介绍一下如何实现此...
Angular实现点击按钮控制隐藏和显示功能示例
10-18
该函数的作用是将`$scope.show`属性取反，即如果原来是true就变成false，如果是false则变成true，这样就实现了点击按钮切换显示状态的功能，并且通过`console.log`在控制台输出当前的显示状态。 同理，`()">按钮...
点击按钮显示或隐藏Div块
热门推荐
GRAY_KEY的博客
06-24 1万+
通过点击按钮实现Div块在显示状态与隐藏状态之间来回切换。代码如下：方法一：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;         &lt;script src="/jquery/jquery-1.11.1.min.js"&gt;&lt;/script&gt;         &lt;script type="text/javascri
react组件显示隐藏切换效果
业余前端爱好者
05-16 1万+
这段时间开始接触react,之前陆续五个月的vue开发,考虑公司项目日益庞大,决定后期使用react 作为小小白,也是在不断学习成长,还望老司机勿喷
html js 点击下载按钮 下载在线图片
suo172的博客
04-11 4314
##点击按钮调用方法 // 下载发票 downLoadConfirm(url,name) { url= 'http://files.ahdzfp.com:9000/files/13405080000001T/2018/07/25/03405180011100002435_WKSFWO.pdf'; var reg = new RegExp("[\\u4E00-\\u9FFF]+...
深入React事件系统(React点击空白部分隐藏弹出层；React阻止事件冒泡失效)
weixin_34405354的博客
01-18 415
只关注括号内问题的同学，可直接跳转到蓝字部分。（标题起的有点大，其实只讨论一个问题） 两个在React组件上绑定的事件，产生冲突后，使用e.stopPropagation()，阻止冒泡，即可防止事件冲突，毫无问题。 今天是踩了个React事件的坑，需求可以简化为：点击框体以外的部分则隐藏框体。最直接的想法，document上绑定个事件，设置控制显示隐藏...
试设计一个窗口，内含一个按钮。开始运行时，按钮显示“Click Me”字样，当按钮按下时，按钮显示为“Click Me Again”字样，再按一次，则按钮显示“Click Me”字样，依此循环。
The_star_is_at的博客
05-15 3382
试设计一个窗口，内含一个按钮。开始运行时，按钮显示“Click Me”字样，当按钮按下时，按钮显示为“Click Me Again”字样，再按一次，则按钮显示“Click Me”字样，依此循环。 package haha2; import java.awt.BorderLayout; import java.awt.Container; import java.awt.GridLay
[事件处理] 点击同一按钮实现div的隐藏与显示切换
Jaylon Wang的专栏
10-16 1万+
点击同一按钮实现div的隐藏与现实切换: 在很多应用中，都有这样的功能，点击同一个按钮可以实现div的隐藏或者现实，当然操作的并非必须是按钮或者div，不过原理是一样的，下面就通过代码实例介绍一下如何实现此功能。 代码如下: [HTML] 纯文本查看 复制代码运行代码 01 02 03 04 05 06 07 0
react.js 显示隐藏效果
sunjunyue的博客
10-05 1万+
constructor(props) { super(props); // 设置 initial state this.state = { style: {display:"block",color:"red"}, actionTitle:false, }; } sh
用React实现点击切换的标签页
shooter32的专栏
12-20 1万+
用React实现可以点击切换的标签，详细描述实现思路，实现过程，以及源码
java 图像的放大与缩小
epleone的专栏
07-27 3947
图像的放大，需要补充没有的像素，常用的方法有
AXMLPrinter，xml逆向工具
最新发布
09-22
AXMLPrinter，xml逆向工具
虚拟机DirectX组建在线安装
09-22
虚拟机DirectX组建在线安装，有需要的试试
点击按钮隐藏显示div内容，切换div内容代码
06-08
好的，以下是实现点击按钮隐藏和显示div内容，以及切换div内容的代码： HTML代码： ``` <div id="content1" class="content">这是内容1</div> <div id="content2" class="content" style="display:none;">这是内容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值