程式碼如下，點擊按鈕沒有任何效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<style>
#cbox{
background-color:green;
color:red;
border:5;
width:300px;
height:200px;
positon:relative;
}
</style>
<title>Document</title></head>
<body>
##
<h1>Jquery 学习</h1>
<button id='btn'>点击</button>
<p id='cbox'>变化的Box</p>
<script>
jQuery(document).ready(function($){
$('#btn').click(function(event){
$('#cbox').animate({
left:300,
color:gray,
width:'400px'
});
});
});
</script>
animate是不會改變顏色的，所以這個gray是沒有意義的，另外，就算你要寫color，gray也應該加上引號，不然就成了一個未定義的變數了。
顏色：'灰色'
參數列表裡的 $ 去掉
function中不該有$。
animate沒有color標籤，但有透明度變換的opacity的標籤。
還有標籤對應的值應有單引號''。