- 如果元素是最初顯示,它會被隱藏
- 如果隱藏的,它會顯示出來
提供參數:.toggle( [duration ] [, complete ] )
[範例]
$(document).ready(function () {
$(".close").click(function () {
$(".service").fadeToggle();
});
});
fadeOut(); fadeIn();
-fadeOut()函數用於隱藏所有匹配的元素,並帶有淡出的過渡動畫效果
-fadeIn()函數用於顯示所有匹配的元素,並帶有淡入的過渡動畫效果
.提供參數:fadeOut( [duration ], [ complete ] )
[範例]
$("p").fadeOut(2000, function() {
alert("隱藏完畢!");
});
Css(); animate();
$("#p").css({left:fx ,top:fy});
//物件做定位
$("#p").animate({left:tx ,top:ty}
//以動畫模式移動到 tx , ty
offset();
$("#p").offset().left
//取出物件的x座標 (無px)
$("#p").offset().top
//取出物件的y座標(無px)
val();
$("#p").val();
//取出物件的值 (text)
$("#p").val("xxx");
//將xxx寫入物件
show(); hide(); fadeTo();
$("#p").show();
//將物件顯示
$("#p").hide();
//將物件隱藏
$("#p").fadeTo(100,0.5);
//將物件以動畫模式設定透明度 (淡入淡出效果)
if ($("#use_item_id").length==0){ //判斷元素不存在
postContent('item_script_box', '' , 'script.php?mode=1&item_id='+id);
}
來源:
1.https://www.itread01.com/content/1494693560.html (jQuery動畫篇)
2.https://ithelp.ithome.com.tw/articles/10095237 (選擇器)
沒有留言:
張貼留言