Rumah > hujung hadapan web > tutorial js > js实现div的切换特效上一个下一个_javascript技巧

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

WBOY
Lepaskan: 2016-05-16 17:00:40
asal
1196 orang telah melayarinya

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







Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan