javascript - 如何设置下拉菜单的速度?

标签 javascript html css

首先,我使用 javascript 在 html 中创建了一个选项卡内容,现在,我将其转换为下拉内容。我的问题是,如何设置删除内容的速度。你能给我 sample 或想法我怎样才能解决这个问题。谢谢回复。

这是我的示例代码:

<html>
<head>
<script type="text/javascript">
function sample(){
if(document.getElementById("cute").style.display=="none"){
document.getElementById.("cute").style.display="";
 document.getElementById.("ugly").style.display="none";
  document.getElementById.("good").style.display="none";
}
}

function samplez(){
if(document.getElementById("good").style.display=="none"){
document.getElementById.("good").style.display="";
 document.getElementById.("cute").style.display="none";
  document.getElementById.("ugly").style.display="none";
}
}

function samplex(){
if(document.getElementById("ugly").style.display=="none"){
document.getElementById.("ugly").style.display="";
 document.getElementById.("cute").style.display="none";
  document.getElementById.("good").style.display="none";
}
}
</script>
</head>

这是正文代码:

<body>

<ul>
<li><a href="#" onclick="return false; sample();">Sample</a></li>
 <p id ="cute" style = "display:none;">This is sample 1.</p>
<li><a href="#" onclick="return false; samplex();">Sample x</a></li>
 <p id ="good" style = "display:none;">This is sample 2.</p>
<li><a href="#" onclick="return false; samplez();">Sample z</a></li>
 <p id ="ugly" style = "display:none;">This is sample 3.</p>
</ul>

</body>
</html>

我的问题是,如果您点击任何链接,如何设置下拉 View 的速度。

最佳答案

使用设置超时。更多信息在这里:http://www.w3schools.com/jsref/met_win_settimeout.asp

关于javascript - 如何设置下拉菜单的速度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17257929/

相关文章:

java - 使用 jSoup 解析网站

javascript - Kendo UI app.navigate ("#:back");并不总是向后导航

javascript - 使用 Firebase Cloud Functions 访问 Firebase Storage 中的文件时出现问题,文件返回 "[object Object] "

html - 试图在html中的一行内显示两行

html - 试图将文本写入表格中的 WRAP

css - 防止多行 `Position: sticky;` header 重叠(不计算/硬编码高度)

javascript - javascript中函数参数的复杂使用

html - Webkit 硬件加速渗入页面上的其他元素?

css - Bootstrap 3 水平中心按钮组连续

css - 如何为 IE 11 编写 CSS hack?