jquery_opacity_css透明

语法:

$(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 参数,否则不能设置该参数。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。