javascript menu
javascript menu
本文关键字:menu javascript 更新时间:2023-09-26
我试图使菜单的元素显示和消失,但i
停止在一定程度上,为什么?
<script language="javascript">
tre = [1, 0, 0, 0, 0];
function tree(e) {
elm = document.getElementsByClassName("sub")[e];
if (e == 1) {
n = 73;
}
else if (e == 3 || e == 4) {
n = 168;
}
else {
n = 144;
}
ex = e;
if (tre[ex] == 0) {
i = 0;
tmp1 = setInterval(function() {
if (i <= 100 && i >= 0) {
elm.style.height = (i / 100) * n + "px";
document.getElementById('wait').innerHTML += i + ' ';
i++;
} else {
clearInterval(tmp1);
tre[ex] = 1;
}
}, 2);
}
else {
j = 100;
tmp2 = setInterval(function() {
if (j >= 0) {
elm.style.height = (j / 100) * n + "px";
j--;
} else {
clearInterval(tmp2);
tre[ex] = 0;
}
}, 2);
}
}
</script>
<style>
div {overflow: hidden;}
</style>
<span onClick="tree(0);">Toogle 0</span><br />
<div class="sub">test 0<br />test 0<br />test 0<br />test 0<br />test 0<br />test 0</div>
<span onClick="tree(1);">Toogle 1</span><br />
<div class="sub">test 1<br />test 1<br />test 1</div>
<span onClick="tree(2);">Toogle 2</span><br />
<div class="sub">test 2<br />test 2<br />test 2<br />test 2<br />test 2<br />test 2</div>
<span onClick="tree(3);">Toogle 3</span><br />
<div class="sub">test 3<br />test 3<br />test 3<br />test 3<br />test 3<br />test 3<br />test 3</div>
<span onClick="tree(4);">Toogle 4</span><br />
<div class="sub">test 4<br />test 4<br />test 4<br />test 4<br />test 4<br />test 4<br />test 4</div>
根据您的逻辑,代码将只工作,如果您声明树数组树= [1,1,1,1,1,1];使用jquery可以很容易地实现菜单的向下滑动和向上滑动效果,而不需要在代码中进行这些类型的静态计算。
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 将函数的上下文应用于javascript变量
- 使用php或javascript从facebook相册URL中删除多余的部分
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在JavaScript中将字符串转换为函数引用
- 模糊事件的Javascript测试
- Javascript更改图标
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何使用WCF服务和javascript表单post上传.doc文件
- javascript结合了数组和字典
- 这是什么 ==- javascript 运算符
- menu.asp javascript
- javascript menu redfin scroll
- Duplicate javascript for Codrops MULTI-LEVEL PUSH MENU
- Select Menu onChange DIV element with Javascript
- (".menu") or ("menu") JQuery/JavaScript
- JavaScript CSS - Menu
- javascript menu
- Menu with HTML/CSS/Javascript?