jQuery初學2
阿新 • • 發佈:2018-11-09
- jquery動畫---->animate()
- 語法
$(selector).animate({params},speed,callback);
params是必需的css樣式,speed是速度:slow,fast,毫秒,callback是跳轉的函式
- 功能:操作多個屬性;使用相對值;使用預定義的值;使用佇列功能。
$("button").click(function(){ $("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' }); }); $("button").click(function(){ $("div").animate({ left:'250px', height:'+=150px', width:'+=150px' }); }); $("button").click(function(){ $("div").animate({ height:'toggle' }); }); $("button").click(function(){ var div=$("div"); div.animate({height:'300px',opacity:'0.4'},"slow"); div.animate({width:'300px',opacity:'0.8'},"slow"); div.animate({height:'100px',opacity:'0.4'},"slow"); div.animate({width:'100px',opacity:'0.8'},"slow"); });
- juery stop()
- 語法
$("#stop").click(function(){ $("#panel").stop(); });
- jquery callback()
- 例項
$("button").click(function(){ $("p").hide(1000); alert("現在段落被隱藏了"); });
- jQuery鏈
- 例項
$("button").click(function(){ $("#p1").css("color","red") .slideUp(2000) .slideDown(2000); });
允許在同一個元素上執行多個jQuery命令