1

首先，我使用 javascript 在 html 中创建了一个选项卡内容，现在，我将其传输到下拉内容。我的问题是，我如何设置删除内容的速度。你能给我样品或想法我该如何解决这个问题。谢谢回复。

这是我的示例代码：

<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>

我的问题是如果您单击链接的任何内容，如何设置下拉视图的速度。

4

2 回答 2

0

html5 动画可能会有所帮助，检查更多 或者，您可以使用setTimeout每 1ms 增加 css 的高度值（任何您喜欢的）以获得动画。 

var dropDown = function() {
  var ele = document.getElementById("xxx");    
  var h = ele.style.height;
  ele.style.height = parseInt(h.substring(0, h.length-2)) + 2 + "px";
  setTimeout(dropDown, 1);
};
setTimeout(dropDown, 1);
于 2013-06-23T05:26:40.173 回答
0

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

于 2013-06-23T05:37:09.723 回答