JQuery效果
Posted qianqian-it
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JQuery效果相关的知识，希望对你有一定的参考价值。
今天向大家来分享一下JQuery的一些效果，这些都相对比较简单
1.显示和隐藏效果
hide()
隐藏元素
show()
显示元素
语法
$(sector).hide(speed,callback)
$(sector).show(speed,callback)
speed 为速度，callback为函数名称
2 淡入淡出效果
fadeIn（）
淡入效果
fadeOut（）
淡出效果
fadeToggle（）
淡入、淡出效果
fadeTo（）
允许方法给出指定的透明度（0-1之间）
语法
$(selector).fadeIn(speed,callback);
$(selector).fadeOut(speed,callback);
$(selector).fadeToggle(speed,callback);
$(selector).fadeTo(speed,opacity,callback);
speed 为速度，opacity为透明度 callback为函数名称
3. 滑动效果
sildeDown（）
向下滑动
slideUp（）
向上滑动
slideToggle（）
向上向下滑动
语法相识就不一一举例
4 动画效果
animate（）
用于创建自己的动画
语法
$(selector).animate({params}，speed，callback);
params ：形成动画的一些css属性
可以多个动画一起执行
$("button").click(function(){ $("div").animate(
{ left:‘250px‘, opacity:‘0.5‘, height:‘150px‘, width:‘150px‘ }
); });
停止动画
stop（）
具体例子见
以上是关于JQuery效果的主要内容，如果未能解决你的问题，请参考以下文章