Kod adalah seperti berikut, klik butang tidak memberi kesan
<!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></kepala>
<badan>
<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></body>
</html>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
animate tidak akan menukar warna, jadi kelabu ini tidak bermakna Selain itu, walaupun anda ingin menulis warna, kelabu harus disertakan dalam tanda petikan, jika tidak, ia akan menjadi pembolehubah yang tidak ditentukan.
warna:'kelabu'
Alih keluar $ dalam senarai parameter
Sepatutnya tidak ada fungsi $.
animate tidak mempunyai tag warna, tetapi ia mempunyai tag kelegapan untuk transformasi ketelusan.
Selain itu, nilai yang sepadan dengan label hendaklah dalam petikan tunggal''.
<!DOCTYPE html>
<html lang="ms">
<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/jquer...
<style>
</gaya>
<tajuk>Dokumen</tajuk>
</kepala><badan>
<h1>Jquery 学习</h1>
<button id='btn'>点击</button>
<p id='cbox'>变化的Box</p>
<skrip>
</skrip>
<skrip>
/**!
@preserve Warna animasi 1.6.0
http://www.bitstorm.org/jquer...
Hak Cipta 2011, 2013 Edwin Martin
Dikeluarkan di bawah lesen MIT dan GPL.
*/
(fungsi($) {
/**
Semak sama ada penyemak imbas menyokong mod warna RGBA.
*
Pengarang Mehdi Kabab http://pioupioum.fr
@return {boolean} Benar jika penyemak imbas menyokong RGBA. Palsu sebaliknya.
*/
fungsi ialah RGBACapable() {
}
$.lanjutkan(benar, $, {
});
var properties = ['color', 'backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'outlineColor'];
$.each(properties, function(i, property) {
});
// borderColor tidak sesuai dengan fx.step standard di atas.
$.Tween.propHooks.borderColor = {
}
// Kira warna di antara. Mengembalikan rentetan seperti "#aabbcc".
fungsi mengiraWarna(mula, tamat, pos) {
}
// Menghuraikan warna sintaksis CSS. Mengeluarkan tatasusunan [r, g, b]
fungsi parseColor(warna) {
}
// Beberapa warna yang dinamakan untuk digunakan, ditambah oleh Bradley Ayers
// Daripada Antara Muka oleh Stefan Petre
// http://interface.eyecon.ro/
warna var = {
};
})(jQuery);
</script>
</body></html>
代码直接运行 即可改变颜色 我是雷锋求采纳