JavaScript编码一次显示一个div
我从div框中用HTML绘制了一幅图像。我对JavaScript不是很熟练，我试图一次显示一个div，就像一个建筑图像一样。在不重写代码的情况下，一次显示一个div，就像一部flash电影一样，一个好的JavaScript等式是什么？我可以访问Dreamweaver，如果这能让事情变得更简单的话。这是我的一张照片：JavaScript编码一次显示一个div,javascript,html,Javascript,Html,我从div框中用HTML绘制了一幅图像。我对JavaScript不是很熟练，我试图一次显示一个div，就像一个建筑图像一样。在不重写代码的情况下，一次显示一个div，就像一部flash电影一样，一个好的JavaScript等式是什么？我可以访问Dreamweaver，如果这能让事情变得更简单的话。这是我的一张照片： <html> <head> <style type="text/css"> </head> #apDiv6101 { posit
<html>
<head>
<style type="text/css">
</head>
#apDiv6101 {
position:absolute;
width:131px;
height:81px;
z-index:35;
left:119px;
top:785px;
background-color:#80d010;}
#apDiv6102 {
position:absolute;
width:9px;
height:8px;
z-index:45;
left:119px;
top:858px;
background-color:#80d010;}
#apDiv6104 {
position:absolute;
width:9px;
height:8px;
z-index:45;
left:241px;
top:858px;
background-color:#80d010;}
#apDiv6106 {
position:absolute;
width:9px;
height:8px;
z-index:45;
left:241px;
top:785px;
background-color:#80d010;}
#apDiv6108 {
position:absolute;
width:9px;
height:8px;
z-index:45;
left:119px;
top:785px;
background-color:#80d010;}
#apDiv6110 {
position:absolute;
width:121px;
height:73px;
z-index:40;
left:124px;
top:789px;
background-color:#000000;}
</style>
<body bgcolor="#000000">
<div id="apDiv6110"></div>
<div id="apDiv6108"></div>
<div id="apDiv6106"></div>
<div id="apDiv6104"></div>
<div id="apDiv6102"></div>
<div id="apDiv6101"></div>
</body>
</html>
#apDiv6101{
位置：绝对位置；
宽度：131px；
高度：81px；
z指数：35；
左：119px；
顶部：785px；
背景色：#80d010；}
#apDiv6102{
位置：绝对位置；
宽度：9px；
高度：8px；
z指数：45；
左：119px；
顶部：858px；
背景色：#80d010；}
#apDiv6104{
位置：绝对位置；
宽度：9px；
高度：8px；
z指数：45；
左：241px；
顶部：858px；
背景色：#80d010；}
#apDiv6106{
位置：绝对位置；
宽度：9px；
高度：8px；
z指数：45；
左：241px；
顶部：785px；
背景色：#80d010；}
#apDiv6108{
位置：绝对位置；
宽度：9px；
高度：8px；
z指数：45；
左：119px；
顶部：785px；
背景色：#80d010；}
#apDiv6110{
位置：绝对位置；
宽度：121px；
高度：73px；
z指数：40；
左：124px；
顶部：789px；
背景色：#000000；}
var img_arr=['appDiv6101'、'appDiv6102'、'appDiv6110']
var i =0;
function cycleImages(){
// hide all the divs
$('div#^appDiv').hide();
//now show the apppropiate div
i = i++ % 12;
$('div#'+img_arr[i-1]).show();
// wait for sometime and call again.
setTimeout(cycleImages,30);
}
此页面隐藏所有div，然后逐步一次显示一个div，直到显示文档中的所有div
JS代码：
var current = 0, L, alldivs;
function displayOne() {
if (current < L) {
alldivs[current].style.display = '';
current++;
setTimeout(displayOne, 750);
}
}
function init() {
var i;
alldivs = document.getElementsByTagName('div');
for (i=0, L=alldivs.length; i<L; i++) {
alldivs[i].style.display='none';
}
setTimeout(displayOne, 750);
}
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, false);
}
else {
/* for other browsers */
window.onload = init;
}
var电流=0，L，所有divs；
函数displayOne（）{
如果（电流