ホームページ > 記事 > ウェブフロントエンド > js实现div的切换特效上一个下一个_javascript技巧
js实现div的切换特效上一个下一个_javascript技巧
- WBOYオリジナル
- 2016-05-16 17:00:401129ブラウズ
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部分：
复制代码 代码如下:
| 1 | |
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。