JS点击让图片自动显隐
点击循环控制标签的显示与隐藏，jquery中的toggle标签很容易就能做到这点，但我这个用JS写的，以前学js时候做的笔记分享大家，思路：通过if来判断if (ww==1)新增加一个变量 1、对应图片的显示姿态 2、对应隐藏状态...
Bash
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var dd = document.getElementById('dd');
var tt = document.getElementById('tt');
var ww =1;//新增加一个变量 1、对应图片的显示姿态 2、对应隐藏状态
// 给按钮加单击事件
dd.onclick = function(){
if (ww==1) {//现在的状态在显示状态
tt.style.display='none';
// 点进去之后,对应的ww=1变成ww=2;
ww=2;
} else if (ww==2) {//现在的状态隐藏状态
tt.style.display ='block';
ww=1;
}{
}
}
}
</script>
</head>
<body>
<input type="button" name="dd" id="dd" value="来点我呀！" />
<br /><br />
<img src="https://www.qiquanji.com/data/img/dmj/201903261553589102692060.jpg" alt="" id="tt"/>
</body>
</html>原文链接：https://www.qiquanji.com/post/7712.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
