首页 / JQUERY / JQuery UI 特效
JQuery UI 特效
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JQuery UI 特效，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1212字，纯文字阅读大概需要2分钟。
内容图文
使用的特效的函数：
隐藏元素 hide();
显示元素 show();
隐藏/显示元素 toggle();
元素使用特效 effect();
改变样式
toggleClass();
removeClass();
addClass();
语法
写法一： .toggle( effect [, options ] [, duration ] [, complete ] )
写法二： .toggle( options )
参数：effect [String]
blind(百叶窗),bounce(弹跳),drop(拖动)，slide(滑动)
explode(爆炸特效),fade(淡入淡出),fold(折叠),highlight(高亮),
puff(膨胀),scale(缩放)，pulsate(闪动),shake(震动)
同样的，
options [object]
这个object里面使用key:value键值对方式
{effect：“”，easing：“” duration：time, complete:callback ，queue:true/false }
easing缓动效果，跟随变化曲线二变化的特效
下面举个例子。。
========================================
(粗体表示该效果独有的属性,带/的表示可能的取值，第一个为默认值)
百叶窗特效：blind
写法1：$( "#toggle" ).toggle( "blind" ,2000);
写法2：$( "#toggle" ).toggle({effect:"blind",duration:2000,direction:"up/down/left/right/vertical/horizontal"});
反弹特效:bounce
写法1：$( "#toggle" ).toggle( "bounce", { times: 3 }, "slow" ); 类似这个特有的属性就作为一个options来作为参数
写法2：$( "#toggle" ).toggle( {effect:"bounce",distance:50, times: 10 }, "2500" );
写法3：$( "#toggle" ).toggle( {effect:"bounce",distance:50, times: 10 ，duration：2500} );
剪辑特效：clip
$( "#toggle" ).toggle( "clip" );
$( "#toggle" ).toggle( {effect:"clip",direction:"vertical/horizontal" );
。。。。。。其他的就不列举啦
原文：http://www.cnblogs.com/act262/p/4060980.html
内容总结
以上是互联网集市为您收集整理的JQuery UI 特效全部内容，希望文章能够帮你解决JQuery UI 特效所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。