jquery淡入淡出

Query 拥有下面四种 fade 方法:
  • fadeIn()---淡入
  • 语法:

    $(selector).fadeIn(speed,callback);

    可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

  • 例子

     $("#div1").fadeIn();
      $("#div2").fadeIn("slow");
      $("#div3").fadeIn(3000);

  • fadeOut()---淡出
  • fadeToggle()---实现淡入淡出
  • fadeTo()---方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。

语法:

$(selector).fadeTo(speed,opacity,callback);
例如:
$("#div1").fadeTo("slow",0.15);







第一种实现方式
$(document).ready(function(){
    $('#contain').hide();//先让内容隐藏起来
    $('#dictionary').click(function(){//点击的是很好
       //进行判断
        if($('#contain').is(':hidden')){//判断当前如果是隐藏的话
            $('#contain').fadeIn('slow')
        }else{
            $('#contain').fadeOut('slow');
        }
    });
});


你可能感兴趣的:(jquery淡入淡出)