http://blog.movalog.com/a/javascript-toggle-visibility/
这是一个包含一些代码和脚本的页面,我在我的网站中使用图像库,但是当尝试切换多个div的可见性时,它只适用于第一个.可以有人请修复它与多个div的工作,我不知道js :)
这是javascript
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
这是链接的html代码
<tr><td><a href="#" onclick="toggle_visibility('nyc');">New York</a></td>
<td><a href="#" onclick="toggle_visibility('photoshop');">Photoshop Work</td>
<td><a href="#" onclick="toggle_visibility('photography');">Photography</td></tr>
<tr><td><a href="#" onclick="toggle_visibility('art');">Art Projects</td></tr>
等一下,这可能不起作用,因为它试图通过"id"属性访问多个div的属性,它是否可以使用类属性,如果是这样,我只需更改java脚本,它说"id"到"班级"
有人可以告诉我,我做错了什么在这里,CSS的工作,当我更换.1{}使用img{}.我不应该也可以使用img.1{}或.1 img{}
这是更新的 HTML
<!DOCTYPE html>
<html>
<head>
<title>Test Webpage</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="clouds">
<img id="cheese" src="cloud.png">
</div>
</body>
</html>
和UPDATED CSS
body{
margin:0;
padding:0;
background:#0088ff;
font-family:helvetica;
}
#clouds{
overflow:hidden;
width:100vw;
height:100vh;
}
#cheese img{
display:none;
}