语法：
$(selector).animate({params},speed,callback);
示例一、jquery_opacity_css透明
$(function () {
$(‘.container img‘).css(‘opacity‘, 0.8).hover(function () {
$(this).css(‘opacity‘, 1);
}, function () {
$(this).css(‘opacity‘, 0.8);
});
});
示例二、jquery_opacity_css透明_加上时间控制
$(‘.container img‘).css(‘opacity‘, 0.8).hover(function () {
$(this).animate({ opacity: 1 }, 1000);
}, function () {
$(this).animate({ opacity: 0.8 }, 1000);
});
备注：
必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是动画完成后所执行的函数名称。
示例三、使用jQuery 效果 - fadeTo() 方法
语法：
$(selector).fadeTo(speed,opacity,callback)
代码：
$(function () {
$(‘.container img‘).css(‘opacity‘, 0.8).hover(function () {
$(this).fadeTo(500, 0.8); ;
}, function () {
$(this).fadeTo(500, 1);
});
});
备注：
| 参数 | 描述 |
|---|---|
| speed |
可选。规定元素从当前透明度到指定透明度的速度。 可能的值：
|
| opacity | 必需。规定要淡入或淡出的透明度。必须是介于 0.00 与 1.00 之间的数字。 |
| callback |
可选。fadeTo 函数执行完之后，要执行的函数。 如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数，否则不能设置该参数。 |
时间： 2024-11-08 02:29:22