代码如下,点击按钮没有任何效果
<!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>
</body>
</html>
为情所困2017-05-18 11:01:07
<!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 兼容" content="ie=edge">
<script src="https://cdn.bootcss.com/jquer...
<style>
</style>
<title>文档</title>
</head><body>
<h1>Jquery学习</h1>
<button id='btn'>点击</button>
<p id='cbox'>变化的Box</p>
<script>
脚本>
<脚本>
/**!
@preserve 彩色动画 1.6.0
http://www.bitstorm.org/jquer...
版权所有 2011、2013 埃德温·马丁
根据 MIT 和 GPL 许可证发布。
*/
(函数($) {
/**
检查浏览器是否支持RGBA颜色模式。
*
作者 Mehdi Kabab http://pioupioum.fr
@return {boolean} 如果浏览器支持 RGBA,则为 True。否则为假。
*/
函数 isRGBACapable() {
雷雷}
$.extend(true, $, {
雷雷});
var properties = ['color', 'backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'outlineColor'];
$.each(properties, function(i, property) {
});
// borderColor 不符合上面的标准 fx.step。
$.Tween.propHooks.borderColor = {
}
// 计算中间颜色。返回类似“#aabbcc”的字符串。
函数calculateColor(begin, end, pos) {
}
// 解析 CSS 语法颜色。输出数组 [r, g, b]
function parseColor(color) {
}
// 一些可使用的命名颜色,由 Bradley Ayers 添加
// 来自 Stefan Petre 的 Interface
// http://interface.eyecon.ro/
var color = {
};
})(jQuery);