多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全I(xiàn)T社區(qū)平臺 聯(lián)系我們 | 收藏本站
阿里云優(yōu)惠2

jquery教程

jQuery 效果 – 淡入淡出

閱讀 (2439)

jQuery 效果 - 淡入淡出


通過 jQuery,您可以實(shí)現(xiàn)元素的淡入淡出效果。

點(diǎn)擊展示 淡入/淡出 面板

因?yàn)闀r間是寶貴的,我們提供快捷方便的學(xué)習(xí)方法。

在 W3CSchool,你可以學(xué)習(xí)需要的知識。


實(shí)例

jQuery fadeIn()
演示 jQuery fadeIn() 方法。

jQuery fadeOut()
演示 jQuery fadeOut() 方法。

jQuery fadeToggle()
演示 jQuery fadeToggle() 方法。

jQuery fadeTo()
演示 jQuery fadeTo() 方法。


jQuery Fading 方法

通過 jQuery,您可以實(shí)現(xiàn)元素的淡入淡出效果。

jQuery 擁有下面四種 fade 方法:

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

jQuery fadeIn() 方法

jQuery fadeIn() 用于淡入已隱藏的元素。

語法:

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

可選的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。.

可選的 callback 參數(shù)是 fading 完成后所執(zhí)行的函數(shù)名稱。

下面的例子演示了帶有不同參數(shù)的 fadeIn() 方法:

實(shí)例

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

嘗試一下 ?


jQuery fadeOut() 方法

jQuery fadeOut() 方法用于淡出可見元素。

語法:

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

可選的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。

可選的 callback 參數(shù)是 fading 完成后所執(zhí)行的函數(shù)名稱。

下面的例子演示了帶有不同參數(shù)的 fadeOut() 方法:

實(shí)例

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

嘗試一下 ?


jQuery fadeToggle() 方法

jQuery fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進(jìn)行切換。

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

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

語法:

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

可選的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。

可選的 callback 參數(shù)是 fading 完成后所執(zhí)行的函數(shù)名稱。

下面的例子演示了帶有不同參數(shù)的 fadeToggle() 方法:

實(shí)例

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

嘗試一下 ?


jQuery fadeTo() 方法

jQuery fadeTo() 方法允許漸變?yōu)榻o定的不透明度(值介于 0 與 1 之間)。

語法:

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

必需的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。

fadeTo() 方法中必需的 opacity 參數(shù)將淡入淡出效果設(shè)置為給定的不透明度(值介于 0 與 1 之間)。

可選的 callback 參數(shù)是該函數(shù)完成后所執(zhí)行的函數(shù)名稱。

下面的例子演示了帶有不同參數(shù)的 fadeTo() 方法:

實(shí)例

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

嘗試一下 ?
關(guān)閉
程序員人生
主站蜘蛛池模板: 国产亚洲精品中文带字幕21页 | 国产婷婷一区二区在线观看 | 欧美激情精品久久久久久久 | 一级毛片一级毛片一级毛片一级毛片 | 久久99精品久久久久久野外 | 国产精品大白天新婚身材 | 久久欧美 | 久久黄网 | 免费一级毛片在播放视频 | 在线免费亚洲 | 一二三四在线观看免费播放视频 | 欧美性猛交xxxxx免费看 | 亚洲经典一区二区三区 | 在线观看一区二区三区视频 | 国产亚洲视频在线观看 | 国产精品日产三级在线观看 | 日本爱爱小视频 | 国产美女主播一级成人毛片 | 亚洲欧洲在线观看 | 中文字幕亚洲欧美日韩不卡 | 亚洲综合亚洲综合网成人 | 午夜在线观看免费观看大全 | 最好免费高清视频在线看 | xxxx免费大片| 亚洲欧美四级在线播放 | 日韩国产片 | 久久国产精品久久久久久 | 国产精品久久久久久久久久免费 | 欧美俄罗斯一级毛片激情 | 欧美性bbbbbxxxxx | 久久无码精品一区二区三区 | 中文字幕日本一本二本三区 | free娇小性video| 一级亚洲 | 欧美在线视频二区 | 欧美猛烈性xbxbxbxb | 看亚洲人配人配人种jizz | 91在线视频福利 | 日韩成人免费aa在线看 | 午夜在线亚洲 | 波多野结衣一区在线观看 |