码迷,mamicode.com
首页 > Web开发 > 详细

jquery_opacity_css透明

时间:2014-08-27 12:24:27      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   os   java   使用   io   strong   ar   

语法:

$(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);
    });
});

 下载附件

bubuko.com,布布扣


 示例二、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 参数,否则不能设置该参数。

jquery_opacity_css透明

标签:style   blog   http   os   java   使用   io   strong   ar   

原文地址:http://www.cnblogs.com/sntetwt/p/3938923.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!