首頁 >web前端 >js教程 >js實作div的切換特效上一個下一個_javascript技巧

js實作div的切換特效上一個下一個_javascript技巧

WBOY
WBOY原創
2016-05-16 17:00:401183瀏覽

JS部分:

複製程式碼 程式碼如下:

/下一個 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部分:

複製程式碼 程式碼如下:




tr>


1








陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn