jquery常用特效方法使用示例

这篇文章主要介绍了jquery常用特效方法使用示例,需要的朋友可以参考下

1. jQuery fadeIn() 用于淡入已隐藏的元素。

语法:

复制代码 代码如下:

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

实例:

复制代码 代码如下:

$("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

2. jQuery fadeOut() 方法用于淡出可见元素。

语法:

复制代码 代码如下:

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

3.jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。

如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。

语法:

复制代码 代码如下:

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

实例:$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

以上就是jquery常用特效方法使用示例的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程