jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。
语法格式:
$(selector).fadeTo(speed,opacity,callback);
speed 参数(必需):规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
opacity 参数(必需):将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。
callback 参数(可选):效果完成后所执行的函数。
示例:
div {
width: 100px;
height: 100px;
background-color: rgba(16, 201, 56, 0.863);
}
</style>
<script src="jQuery.js"></script>
<script>
jQuery(document).ready(function () {
$("button").eq(0).click(function () {
$("div").fadeTo(1000, .5);
})
})
</script>
</head>
<body>
<button>颜色变淡</button>
<div></div>
</body>
点击按钮前:
点击按钮后: