2022-03-27_jQuery效果

1. 显示、隐藏hide() 和 show()和toggle()

$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);

其中

• speed，可选，为速度。可选项为毫秒 （比如 1500）、"slow"、"normal"、"fast"
• callback 为hide 函数执行完之后，要执行的函数。
• 范例

$("p").click(function(){
  $(this).toggle(1000,function(){
    alert("toggle方法已经完成")
  })
})

2.淡出、淡入、修改不透明度

$(selector).fadeIn(speed,callback); 淡入
$(selector).fadeOut(speed,callback); 淡出
$(selector).fadeToggle(speed,callback); 淡入淡出切换
$(selector).fadeTo(speed,opacity,callback); 修改不透明度

3.滑动

$(selector).slideDown(speed,callback);
$(selector).slideUp(speed,callback);
$(selector).slideToggle(speed,callback);

4.引用

1.jquery教程