JQuery效果


普通效果
hide()
例子:$(selector).hide(speed.callback)
可选的speed参数规定隐藏的速度,可以取以下值:"show","fast"或毫秒
可选的callback参数是隐藏完成后所执行的函数名称

show()
例子:$(selector).show(speed.callback)
可选的speed参数规定显示的速度,可以取以下值:"show","fast"或毫秒
可选的callback参数是隐藏完成后所执行的函数名称

toggle()
例子:$(selector).toggle(speed.callback)
可选的speed参数规定隐藏/显示的速度,可以取以下值:"show","fast"或毫秒
可选的callback参数是隐藏完成后所执行的函数名称

淡入淡出
fadeln()
例子:$(selector).fadeln(speed.callback)
用于淡入已隐藏的元素

fadeOut()
例子:$(selector).fadeOut()(speed.callback)
用于淡入可见的元素

fadeToggle()
例子:$(selector).fadeTpggle()(speed.callback)
用于fadein()和fadeOut()之间元素的切换

fadeTo()
例子:$(selector).fadeTo()(speed.callback)
允许渐变为给定的不透明度(值介于0-1之间)


动画效果
语法:
$(selector).animate({params},speed,callback)
单个属性
$("tr[id^=r-]".animate({height:"100px"},"fast"))

多个属性
$('[widgetname="BUTTONO"]').animate({left:"100px",top:"-=20px"},"slow")

连续动画
$('[widgetname="BUTTONO"]').animate({
    left:"+=20px",
    top:"-=20px"
    },"slow")
$('[#fr-btn-BUTTONO]').animate({
    backgroundColor."red"
},"slow")
$('[widgetname="BUTTONO"]').animate({
    left:"-=20px",
    top:"+=20px"
    },"slow")
$('[#fr-btn-BUTTONO]').animate({
    backgroundColor."#47a8ea"
},"slow")

链式语法:
是往相同的元素上运行多条JQuery命令,一条接着一条,这样浏览器不必查询相同的元素,如需链接上一个动作,只需简单地把改动作追加到之前的动作之上即可
例子:$("td[id^=A1-]").css("background","red")
       .fadeOut("slow");
       .fadeIn("slow");


帆软链接颜色引用绝对路径示例:https://cdn.bootcss.com/jquery-color/2.1.2/jquery.color.min.js


链式语法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值