JavaScript不能在瀏覽器中工作

我在創建頁面時顯示document.write("Text");文本，並在瀏覽器中顯示文本時出現問題。JavaScript不能在瀏覽器中工作

但我想創建一個頁面，將顯示一組瓷磚中的序列中不同的顏色，當我嘗試下面的代碼，這是行不通的。

請有人可以幫我解決這個問題的代碼粘貼在下面。

HTML：

<html> 
<head> 
<LINK REL=StyleSheet HREF="style1.css" TYPE="text/css" MEDIA=screen> 
<SCRIPT LANGUAGE="JavaScript" SRC="script1.js"> 
</SCRIPT> 
</head> 
<body> 

<div class="container"> 
    <div class="box spacing"></div> 
    <div class="box spacing"></div> 
    <div class="box spacing"></div> 
    <div id="square1id" class="box"></div> 

    <div class="box spacing"></div> 
    <div class="box spacing"></div> 
    <div id="square2id" class="box spacing"></div> 
    <div class="box"></div> 

    <div class="box spacing"></div> 
    <div class="box spacing"></div> 
    <div class="box spacing"></div> 
    <div class="box"></div> 

    <div class="box spacing"></div> 
    <div class="box spacing"></div> 
    <div class="box spacing"></div> 
    <div class="box"></div> 
</div> 

</body> 
</html>

CSS：

body{ 
    background-color:#000000; 
    margin:0; 
    padding:0; 
} 

h1{ 
    color:#ffffff; 
    text-align:center; 
} 

.container{ 
    overflow:hidden; 
    width:860px; 
    margin-left:250px; 
    margin-top:20px; 
} 
.box{ 
    width:210px; 
    height:120px; 
    float:left; 
    background-color:#4D4D4D; 
    margin-bottom:3px; 
} 

.spacing{ 
    margin-right:3px; 
}

JavaScript的：

$(document).ready(function(){ 

var colourinfo = { 
    square1id: [ 
       '#000000' 

       ], 

    square2id: [ 
       '#ffffff' 

       ] 

}; 

var count = 0; 

var changecol = function(){ 
    $.each(colourinfo, function(tileid, colarray){ 
    $('#'+tileid).css('background-color', colarray[count%colarray.length]); 
}); 
    count++; 
    }; 
    setInterval(changecol, 1000); 
    });

我將不勝感激任何幫助。謝謝。

來源

2011-06-08 David

之間這是你想要它做什麼？ http://jsfiddle.net/BumbleB2na/4xjh8/ – BumbleB2na 2011-06-08 22:33:24

jQuery代碼需要鏈接到您的網頁的jQuery庫。

插入HTML部分下面，<head>和</head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 
</script>

來源

2011-06-08 22:33:51

感謝這很好，你知道我可以如何改變這種情況，每個瓷磚顏色一個接一個地出現嗎？ – David 2011-06-08 22:53:47

JavaScript不能在瀏覽器中工作

回答

相關問題