首頁  >  文章  >  web前端  >  js实现div的切换特效上一个下一个_javascript技巧

js实现div的切换特效上一个下一个_javascript技巧

WBOY
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