- 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命令
jQuery初学2
猜你喜欢
转载自www.cnblogs.com/linnannan/p/9934448.html
今日推荐
周排行