JavaScript編碼一次顯示一格div

我用HTML格式繪製了一個圖像在div框外。我對JavaScript不太流利，我試圖像建築圖像一樣顯示一個div。什麼是一個很好的JavaScript公式來顯示每個div一次，而不用重寫我的代碼？如果這能讓事情變得更容易，我可以訪問Dreamweaver。這裏是我的一小塊圖片：JavaScript編碼一次顯示一格div

<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>

來源

2011-10-08 jackmeister

JavaScript是**非常不同**從Java。 –

你的問題似乎是關於JavaScript，而不是Java。這是兩種完全不同的語言。 –

正如其他人所說的，Java和Javascript實際上是非常不同的東西，我可能會建議您使用Google「Java vs Javascript」，然後開始查看http://jquery.com/以實現您想要的功能。 – Ankur

據我瞭解，你想圖像出現一個接一個。並且你只想要一個圖像立即出現（隱藏前一個圖像）

這將是代碼。

（假設jQuery是使用）

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); 
}

來源

2011-10-08 16:14:24

在該頁面隱藏所有的div，然後逐步地，直到在文檔中的所有div顯示在一個時間顯示一個。

http://jsfiddle.net/fFtZc/2/

的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; 
}

來源

2011-10-08 16:16:26 Cheeso

謝謝Cheeso，我把你的建議放在標籤中，但我認爲我稱它爲錯。 – jackmeister

您可以查看jsfiddle網址中的代碼 - 如何調用它非常清晰地顯示在那裏。 – Cheeso

JavaScript編碼一次顯示一格div

回答

相關問題