几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
js设置div隐藏
来源：互联网
2023-03-16 23:56:14 180
使用div对内容进行隐藏或者显示，是js的一项重要功能。
div id="show" style="display:none;">
display/
工具/原料
- 浏览器
- 文本编辑器
方法/步骤
代码如下：
可以对div中的元素进行显示或者隐藏通过点击字段click to display
!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>this is a good example/title>
/head>
body>
h1>/h1>
div id="show" style="display:none;">
display/
/div>
div id="switch" onclick="showdiv()">click to display/div>
script>
function showdiv(){
if(showdiv_display=document.getElementById("show").style.display=="none"){
document.getElementById("show").style.display="block";
}else{
document.getElementById('show').style.display='none';
}
}
/script>
/body>
/html>
设置div显示或者隐藏，设置visibility为visible或者hidden
!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>this is a good example/title>
/head>
body>
h1>demo/h1>
div id="show" style="visibility: hidden;">
display/
/div>
div id="switch" onclick="showdiv()">click to display/div>
script>
function showdiv(){
if(document.getElementById("show").style.display=="visible"){
document.getElementById("show").style.visibility="hidden";
}else{
document.getElementById("show").style.visibility="visible";
}
}
/script>
/body>
/html>
display和visibility的不同为：
display不会占网页空间
而visibility隐藏后会空白占网页。
注意事项
- display和visibility的不同为：是否占页面空间
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPT
上一篇：autofocus怎么用 下一篇：JavaScript向上取整;js向上取整
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 258 JAVASCRIPT
- 详细阅读