JQuery效果

1、隐藏\显示(hide\show toggle)

语法:$(selector).hide(speed,callback);

2、淡入\淡出\两者之间切换\不透明度0-1

分别为fade in、fade out 、fade toggle 、fade to

语法:$(selector).fade in(speed,callback);

speed可以为slow fast 毫秒

$("#div1").fade to(3000,0.5);

3、滑动(slide down\slide up\slide toggle)

语法:$(selector).slide up(speed,callback);

speed可以为slow fast 毫秒

4、动画(animate)

语法:$(selector).animate({params},speed,callback);

parmas是css属性,操作多个属性用逗号隔开

提示:如需对位置进行操作,需要把元素的css position改为absolute relative fixed

不过,需要记住一件重要的事情:当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等

5、stop()

stop() 停止动画效果在完成之前,方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画

语法:$(selector).stop(stopall,gotoend);

6、callback()用于动画完成之后

语法:$(selector).hide(speed,function(){

alert("this is hidden now");

});

7、链接:在相同的元素上运行多条 jQuery 命令

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值