如何设置一个DIV在网页中显示几秒然后自动隐藏消失？ html如何让点击后隐藏的内容改为默认隐藏点击后展开，在线等...
如果是jquery
setTimeout(function(){$("#这里放id").hide()},1000)//1000是1秒
如果没有jquery
setTimeout(function(){document.getElementById("这里放id").style.display = "none"},1000)//id是你要隐藏的div的id 1000是1秒
把代码放在网页前面
// 隐藏函数
function hideDiv(){
// 隐藏代码
...
// 2秒后显示代码
setTimeout(showDiv,2000);
}
// 显示函数
function showDiv(){
// 显示代码
}
可以用JS来控制。
代码如下：
<div id="nogg">广告层</div>
<script type="text/javascript">
setTimeout(function(){document.getElementById("nogg").style.display="none";},4000);
</script>
利用JS代码拆入10秒倒计时，如下：
<span id="numDiv">10</span>秒……
<script type="text/javascript">
var num=10
var interval=setInterval(function(){if(num==0){clearInterval(interval)}
numDiv.innerHTML=num--},1000)
</script>
扩展资料：
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
setTimeout(code,millisec)
1、code，描述：必需。要调用的函数后要执行的 JavaScript 代码串。
2、millisec，描述：必需。在执行代码前需等待的毫秒数。
例如：
<body onLoad="MM_timelinePlay('Timeline1')">
<div id="Layer1" style="position:absolute; left:419px; top:295px; width:160px; height:145px;
z-index:1; visibility: inherit">asdfasdf</div>
HTML DOM表示
1、给div一个id或者class或者直接用选择器选择到它。
2、setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
例子：
<html>
<title>test</title>
<body>
<div id="test">test</div>
<script>
setTimeout(function(){document.getElementById("test").style.display="none";},1000);
//1000是多久被隐藏，单位毫秒
</script>
</body>
</html>
jquery表示
hide()，隐藏可见的元素。
例子：
<html>
<title>test</title>
<body>
<script>
$(document).ready(function(){ //页面加载完之后，自动执行该方法
setTimeout(function(){$("#test").hide();},2000); //2秒后执行该方法
});
</script>
<div id="test">test</div>
</body>
</html>
扩展资料
DOM setTimeout()
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
setTimeout(code,millisec)
1、code，描述：必需。要调用的函数后要执行的 JavaScript 代码串。
2、millisec，描述：必需。在执行代码前需等待的毫秒数。
jQuery hide()
隐藏可见的 <p> 元素：
例如
$(".btn1").click(function(){
$("p").hide();
});
$(selector).hide(speed,callback)
speed
描述：
可选。规定元素从可见到隐藏的速度。默认为 "0"。
可能的值：
1、毫秒 （比如 1500）
2、"slow"
3、"normal"
4、"fast"
在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。
callback
可选。hide 函数执行完之后，要执行的函数。
如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。
除非设置了 speed 参数，否则不能设置该参数。
提示和注释
提示：如果元素已经是完全可见，则该效果不产生任何变化，除非规定了 callback 函数。
//简单的用dom实现
<html>
<title>test</title>
<body>
<div id="test">test</div>
<script>
setTimeout(function(){document.getElementById("test").style.display="none";},1000);
//1000是多久被隐藏，单位毫秒
</script>
</body>
</html>
//用jquery实现
<html>
<title>test</title>
<body>
<script>
$(document).ready(function(){//页面加载完之后，自动执行该方法
setTimeout(function(){$("#test").hide();},2000);//2秒后执行该方法
});
</script>
<div id="test">test</div>
</body>
</html>
$("yourDiv").show()//显示你的DIV
window.setTimeout("$('yourDiv').hide()",3000);//3000毫秒后，隐藏你的DIV
你是否需要了解？
css如何让div页面居中css怎样让div居中
htmlcss里面，一个p里的ul怎么让他居中对齐？p里的ul下面的li居中对齐，关键点如下：1、CSS设置好Li的宽度2、Li的css加上居中代码text-align:center。例子如下：居中文字1 居中文字2 居中文字3 居中文字4 居中文字5 居中文字6 p+css页面居中代码？网页经常需要将p在屏幕中居中显示，以下几个常用的...
dw中怎么插入div标签
在网页制作过程中，插入一个div标签是一项基本技能。接下来，我们将探讨如何在Dreamweaver中完成这一操作。首先，打开Dreamweaver软件，并创建一个新的HTML网页。这一步是构建网页的基础。接着，在Dreamweaver的菜单栏中找到“插入”选项。点击“插入”后，会出现一个下拉列表，里面包含多种布局对象。从这个...
如何实现多个div横排列
在网页设计中，实现多个div横向排列是一种常见的布局需求。为了实现这一效果，我们可以采用两种不同的方法。第一种方法是利用CSS的display属性。默认情况下，div元素的display属性值为block，这意味着它们会在各自的行内显示，即一个div占据一行。为了实现多个div在同一行内显示，我们可以将div的display属性...
如何用CSS限定网页宽度,又如何让一个DIV在网页当中居中呢?
用CSS限定网页宽度，又让一个DIV在网页当中居中,这里需要理解的是一个页面的内容区域，就是body，我们就是通过给body来设置一个宽度，来做限制，至于DIV的居中，首先是需要给这个div一个宽度和高度，然后在使用margin去做，margin的用法，如图：具体的实现看代码:<html> <head> body{ width:960px; ...
如何设置html中<div>的参数,使之在网页中处于最上层
如果想要将<div>设置为网页中最上层，除了设置【z-index】属性以外，还需要设置【position】为绝对定位【absolute】效果如下图：
在dreamweaver中怎么设置网页在不同分辨率下的居中显?
在Dreamweaver中设置网页在不同分辨率下居中显示，可以采取以下步骤：1. 使用<div>元素包裹所有内容： 创建一个<div>元素，并将网页的所有内容置于这个<div>元素内部。2. 设置<div>元素的CSS样式： 左右边距为auto：这会使<div>元素根据其父容器的宽度自动调整左右边缘，从而居中显示。 css ...
如何让一个div在一个div旁边
Document 第一个div 第二个div 然而，通过将其中一个或两个div的CSS样式设置为浮动，我们可以让它们并排显示。浮动属性使元素脱离标准文档流，向左或向右移动，直到碰到包含框或页面的边缘。下面是一个简单的例子，展示了如何使用浮动属性让两个div并排放置：Document 第一个div 第二个div 在CSS中，可以...
用html+css做一个网页有两个div但是左边的div总在右边div的上面
总之，你可以通过将div转换为行内块元素或使用Flex布局来实现将两个div在同一行显示的效果。选择哪种方法取决于你的具体需求和项目的复杂性。如果你希望两个div看起来像是在同一行，但实际在视觉上是重叠的，那么将div转换为行内块元素可能是一个简单且有效的方法。在Flex布局中，你还可以通过设置flex-...
如何用CSS实现DIV的高宽自适应浏览器大小
在网页设计中，我们经常需要让元素的宽度和高度根据浏览器窗口大小自适应调整。这可以通过CSS的百分比单位来实现。具体来说，设置的宽度和高度属性为100%，可以让它们跟随浏览器窗口的宽度和高度进行调整。假设我们有一个未添加任何CSS样式的元素，我们可以直接在HTML代码中定义一个空的标签，如下所示：<div...
div 设置隐藏后,在页面仍然占位,如何不让它占位
display:none\/block 设置为隐藏(不占位)\/显示(不占位)div 设置为display:none之后仍占位 不应该会占位，，检查是不是还有外容器或者其它的容器的外，内边距造成。最好上个图，留下代码。如何设置textview的占位字 可以在XML里面加一句话 android:textSize="" 或者 在 mTextView.setTextSize(size);...