jQuery 04 效果 淡入淡出
主要使用四種fade方法實現
fadeIn(speed,backfunction)方法
使元素消失
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
fadeOut(speed, backfunction)方法
使元素出現
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
fadeToggle(speed, backfunction)方法
如果出現則消失,如果消失則出現
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
fadeTo(speed,opacity, backfunction)方法
若隱若現,降低透明度
沒有預設引數,必須傳參
$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});
相關文章
- jQuery 效果 – 淡入淡出jQuery
- jquery中淡入淡出效果案例jQuery
- jQuery 實現淡入淡出效果jQuery
- jQuery 淡入淡出效果下拉導航選單jQuery
- jQuery實現的元素淡入淡出動畫效果jQuery動畫
- JavaScript淡入淡出效果JavaScript
- 實現元素的淡入淡出效果
- javascript淡入淡出效果程式碼例項JavaScript
- js淡入淡出效果例項程式碼JS
- jquery淡入淡出無延遲程式碼jQuery
- 淡入淡出效果簡單程式碼例項
- div的淡入淡出效果程式碼例項
- jQuery 效果jQuery
- js圖片淡入淡出效果程式碼例項JS
- win10淡入淡出效果怎麼關 win10怎麼取消視窗淡入淡出Win10
- javascript實現的淡入淡出效果程式碼例項JavaScript
- 利用API函式實現影像淡入淡出效果 (轉)API函式
- jQuery 效果方法jQuery
- jQuery 效果 – 動畫jQuery動畫
- javascript原生封裝一個淡入淡出效果的函式JavaScript封裝函式
- 滑鼠滑過實現淡入淡出效果程式碼例項
- ExtJS簡單的動畫效果(extjs淡入淡出特效)JS動畫特效
- 04_jQuery的2把利器jQuery
- jQuery 效果 – 停止動畫jQuery動畫
- jQuery 效果 – 滑動jQuery
- jQuery基礎 效果jQuery
- jQuery效果-animate()方法jQuery
- CSS3滑鼠懸浮和移開div淡入淡出效果CSSS3
- jQuery動畫效果的刪除行效果jQuery動畫
- 具有淡入淡出效果的下拉導航選單例項程式碼單例
- jQuery簡單tab效果jQuery
- Jquery3D效果jQuery3D
- 前端特效【第04期】|果汁混合效果-下前端特效
- jQuery 放大鏡效果詳解jQuery
- jQuery彈幕效果詳解jQuery
- jQuery打字機效果程式碼jQuery
- jQuery實現輪播效果jQuery
- jQuery div拖拽效果詳解jQuery