jquery_opacity_css透明

浏览数：35 / 时间：2015年06月09日

语法：

$(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	可选。规定元素从当前透明度到指定透明度的速度。可能的值：毫秒（比如 1500） "slow" "normal" "fast"
opacity	必需。规定要淡入或淡出的透明度。必须是介于 0.00 与 1.00 之间的数字。
callback	可选。fadeTo 函数执行完之后，要执行的函数。如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。除非设置了 speed 参数，否则不能设置该参数。

参数

描述

speed

可选。规定元素从当前透明度到指定透明度的速度。

可能的值：