gpt4 book ai didi

JavaScript 无法在浏览器中运行

转载 作者:太空宇宙 更新时间:2023-11-04 05:22:16 25 4
gpt4 key购买 nike

当我使用显示 document.write("Text"); 文本的脚本创建页面时,我在浏览器中遇到了问题。

但我正在尝试创建一个页面,该页面将在一组图 block 中按顺序显示不同的颜色,但当我尝试以下代码时,这不起作用。

请有人帮我解决这个问题,代码粘贴在下面。

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

我将不胜感激任何帮助。谢谢。

最佳答案

jQuery 代码需要链接到您的网页的 jQuery 库。

在 html 部分,<head> 之间插入以下内容和 </head>

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

关于JavaScript 无法在浏览器中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6286053/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com