jQuery ɗaukawar abin da yake ɗaukawa

Ta hanyar jQuery, za a iya samun ɗaukawar abin da yake ɗaukawa

Tarihin hakan

Nasshe hakan, ɗauka ko ɗaukawa ɗayan

Duniya daya ce duniya, don haka, a bana koyar da kowane ɗakin ɗa yake ɗaukawa da hanyar da yake ɗaukawa

A cikin hakan, za a iya samun kowace ɗakin ɗa yake ɗaukawa da hanyar da yake ɗaukawa

实例

jQuery fadeIn()
Tarihin hakan ya nuna fadeIn() ɗauka
jQuery fadeOut()
Tarihin hakan ya nuna fadeOut() ɗauka
jQuery fadeToggle()
Tarihin hakan ya nuna fadeToggle() ɗauka
jQuery fadeTo()
Tarihin hakan ya nuna fadeTo() ɗauka

Hanyar ɗaukawa jQuery

Ta hanyar jQuery, za a iya samun ɗaukawar abin da yake ɗaukawa

jQuery ɗauka yadda za a ɗauka da abin da yake ɗaukawa

  • fadeIn()
  • fadeOut()
  • fadeToggle()
  • fadeTo()

jQuery fadeIn() ɗauka

jQuery fadeIn() ɗauka abin da yake ɗaukawa

语法：

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

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

可选的 callback 参数是 fading 完成后所执行的函数名称。

Tarihin hakan ya nuna fadeIn() ɗauka da abin da suka yi da matsayi

实例

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

亲自试一试

jQuery fadeOut() ɗauka

jQuery fadeOut() ɗauka kogin wanda ke ɗaukawa abin da yake hanyar

语法：

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

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

可选的 callback 参数是 fading 完成后所执行的函数名称。

下面的例子演示了带有不同参数的 fadeOut() 方法：

实例

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

亲自试一试

jQuery fadeToggle() 方法

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

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

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

语法：

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

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

可选的 callback 参数是 fading 完成后所执行的函数名称。

下面的例子演示了带有不同参数的 fadeToggle() 方法：

实例

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

亲自试一试

jQuery fadeTo() 方法

jQuery fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。

语法：

$(selector).fadeTo(speed,opacity,callback);

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

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。

可选的 callback 参数是该函数完成后所执行的函数名称。

下面的例子演示了带有不同参数的 fadeTo() 方法：

实例

$("button").click(function(){
  $("#div1").fadeTo("slow",0.15);
  $("#div2").fadeTo("slow",0.4);
  $("#div3").fadeTo("slow",0.7);
);

亲自试一试

jQuery 效果参考手册

如需全面查阅 jQuery 效果，请访问我们的 jQuery 效果参考手册。