js实现div的切换特效上一个下一个_javascript技巧
程序员文章站
2023-12-27 12:54:15
...
JS部分:
//下一个div
function next() {
var arr = document.getElementById('tdBjzbsx').getElementsByTagName('div');
for (i = 0; i if ((arr[i].style.display == "block"||arr[i].style.display == "") && i arr[i + 1].style.display = "block";
arr[i].style.display = "none";
}
}
}
//上一个div
function top() {
var arr = document.getElementById('tdBjzbsx').getElementsByTagName('div');
for (i = 0; i if ((arr[i].style.display == "block"||arr[i].style.display == "") && i arr[i - 1].style.display = "block";
arr[i].style.display = "none";
break;
}
}
}
JSP部分:
复制代码 代码如下:
//下一个div
function next() {
var arr = document.getElementById('tdBjzbsx').getElementsByTagName('div');
for (i = 0; i if ((arr[i].style.display == "block"||arr[i].style.display == "") && i arr[i + 1].style.display = "block";
arr[i].style.display = "none";
}
}
}
//上一个div
function top() {
var arr = document.getElementById('tdBjzbsx').getElementsByTagName('div');
for (i = 0; i if ((arr[i].style.display == "block"||arr[i].style.display == "") && i arr[i - 1].style.display = "block";
arr[i].style.display = "none";
break;
}
}
}
JSP部分:
复制代码 代码如下:
1 | |
推荐阅读
-
js实现div的切换特效上一个下一个_javascript技巧
-
js实现DIV的一些简单控制_javascript技巧
-
两个DIV等高的JS的实现代码_javascript技巧
-
js实现DIV的一些简单控制_javascript技巧
-
JS 实现Div向上浮动的实现代码_javascript技巧
-
一个精简的JS DIV层tab切换代码_javascript技巧
-
js(JavaScript)实现TAB标签切换效果的简单实例_javascript技巧
-
JS实现悬浮移动窗口(悬浮广告)的特效_javascript技巧
-
用html+css+js实现的一个简单的图片切换特效_javascript技巧
-
js实现简单选项卡与自动切换效果的方法_javascript技巧