通过js实现单击显示隐藏图片

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>#box{width: 300px;height: 200px;background: red;}</style></head><body><button id="btn">显示/隐藏</button><div id="box"></div></body>
</html>
<script type="application/javascript">function id(id){return document.getElementById(id) ;}var i = 1 ;id("btn").onclick = function(){if(i==1){id("box").style.display = "none" ;i = 2 ;}else{id("box").style.display = "block" ;i = 1 ;}}
</script>

通过js实现单击显示隐藏图片相关推荐

鼠标经过文字显示隐藏图片css样式
鼠标经过文字显示隐藏图片css样式,js鼠标经过文字显示图片预览效果,css如何实现鼠标移至文本上显示文字或图片.jQuery鼠标经过文字显示二维码代码. 这是一个比较简单的鼠标悬停经过文本显示二维码 ...
JS点击显示隐藏内容
JS点击显示隐藏密码思路:获取元素,判断点击,如果DIV显示就隐藏,如果DIV隐藏就显示出来. 1 if(DIV是显示的){ 2 div.style.display='none'; 3 } 4 el ...
原生js与jQuery显示隐藏div的几种方法
原生Js与jQuery显示隐藏div的几种方法简介:本文将会讲解,如何使用原生的JS和jquery来实现对于这个div盒子的隐藏 js 方式一首先是进行js演示和讲解. 首先是display的方法 ...
html5 js单击隐藏显示,《锋利的JS》之单击显示隐藏
这是〈持环开行打进对端架处参触架码我通会法时果锋利的JQ〉里的第二章实例,首先,看效果:直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如如图: 默认状态:隐遇新是直朋能到藏单击按钮显示遇新是直 ...
原生js实现点击按钮显示/隐藏图片
目录结构: 代码: <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
显示隐藏图片html,JavaScript实现显示和隐藏图片
JavaScript之显示和隐藏图片,供大家参考,具体内容如下点击按钮可以显示和隐藏图片(默认显示),附上代码: 显示和隐藏图片隐藏 // 1.获取事件源 var obtn = document. ...
html显示隐藏图片,简单的图片显示与隐藏
今天有个小问题,在iPhone上显示所有图片.但是不可能一次显示全部,只能显示图片的名称列表.需要点击图片名,然后显示图片,再次点击的话,就隐藏图片.一个比较简单的javascript代码,在这里记录 ...
js实现点击隐藏图片
方法一: 把图片的display设为none,触发点击事件时,display变为block <style>img {width: 400px;height: 300px;display: ...
如何鼠标悬浮显示隐藏图片
<a class="show_img" href="file.xlsx">EXCEL模板</a> <div class=" ...

通过js实现单击显示隐藏图片

通过js实现单击显示隐藏图片相关推荐

最新文章

热门文章