javascript 延时显示隐藏DIV

JavaScript022

javascript 延时显示隐藏DIV,第1张

鼠标移到DIV1上时,DIV2显示,然后鼠标移到DIV2,再移开,2秒后DIV2隐藏:

<script type="text/javascript">

function showDiv2(){

document.getElementById("div2").style.display="block"

}

function hiddenDiv2(){

setTimeout("document.getElementById(\"div2\").style.display=\"none\"",2000)

}

</script>

<div id="div1" onmouseover="showDiv2()" onmouseout=" ">div1</div>

<div id="div2" onmouseout="hiddenDiv2()" >div2</div>

hide()加上时间参数 hide(1500)参数单位是毫秒

语法

$(selector).hide(speed,callback)

speed:

可选。规定元素从可见到隐藏的速度。默认为 "0"。

可能的值:

毫秒 (比如 1500)

"slow"

"normal"

"fast"

在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。

callback:

可选。hide 函数执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。

除非设置了 speed 参数,否则不能设置该参数。