jQuery UI API 类别 - 特效(Effects)
jQuery UI 在jQuery å†…ç½®çš„ç‰¹æ•ˆä¸Šæ·»åŠ äº†ä¸€äº›åŠŸèƒ½ã€‚jQuery UI 支æŒ�颜色动画和 Class 转æ�¢ï¼Œå�Œæ—¶ä¹Ÿæ��供了一些é¢�外的 Easings。å�¦å¤–,æ��供了一套完整的定制特效,供显示和éš�è—�å…ƒç´ æ—¶æˆ–è€…å�ªæ˜¯æ·»åŠ ä¸€äº›è§†è§‰æ˜¾ç¤ºæ—¶ä½¿ç”¨ã€‚
| API | �述 | 也属于类别 |
|---|---|---|
| .addClass() | å½“åŠ¨ç”»æ ·å¼�改å�˜æ—¶ï¼Œä¸ºåŒ¹é…�çš„å…ƒç´ é›†å�ˆå†…çš„æ¯�ä¸ªå…ƒç´ æ·»åŠ æŒ‡å®šçš„ Class。 | ç‰¹æ•ˆæ ¸å¿ƒï¼ˆEffects Core) | 方法é‡�载(Method Overrides) |
| 百å�¶çª—特效(Blind Effect) | 百å�¶çª—特效(Blind Effectï¼‰é€šè¿‡å°†å…ƒç´ åŒ…è£¹åœ¨ä¸€ä¸ªå®¹å™¨å†…ï¼Œé‡‡ç”¨"拉百å�¶çª—"效果æ�¥éš�è—�æˆ–æ˜¾ç¤ºå…ƒç´ ã€‚ | |
| å��弹特效(Bounce Effect) | å��弹特效(Bounce Effect)å��å¼¹ä¸€ä¸ªå…ƒç´ ã€‚å½“ä¸Žéš�è—�或显示一起使用时,最å�Žä¸€æ¬¡æˆ–第一次å��弹会呈现淡入/淡出效果。 | |
| 剪辑特效(Clip Effect) | 剪辑特效(Clip Effect)通过垂直或水平方å�‘å¤¹å‰ªå…ƒç´ æ�¥éš�è—�æˆ–æ˜¾ç¤ºä¸€ä¸ªå…ƒç´ ã€‚ | |
| 颜色动画(Color Animation) | 使用 .animate() 实现颜色动画效果。 | |
| é™�è�½ç‰¹æ•ˆï¼ˆDrop Effect) | é™�è�½ç‰¹æ•ˆï¼ˆDrop Effect)通过å�•个方å�‘滑动的淡入淡出æ�¥éš�è—�æˆ–æ˜¾ç¤ºä¸€ä¸ªå…ƒç´ ã€‚ | |
| Easings | Easing 函数指定动画在��点上的行进速度。 | |
| .effect() | å¯¹ä¸€ä¸ªå…ƒç´ åº”ç”¨åŠ¨ç”»ç‰¹æ•ˆã€‚ | ç‰¹æ•ˆæ ¸å¿ƒï¼ˆEffects Core) | 方法(Method) |
| 爆炸特效(Explode Effect) | 爆炸特效(Explode Effectï¼‰é€šè¿‡æŠŠå…ƒç´ è£‚æˆ�碎片æ�¥éš�è—�æˆ–æ˜¾ç¤ºä¸€ä¸ªå…ƒç´ ã€‚ | |
| 淡入淡出特效(Fade Effect) | 淡入淡出特效(Fade Effectï¼‰é€šè¿‡æ·¡å…¥æ·¡å‡ºå…ƒç´ æ�¥éš�è—�æˆ–æ˜¾ç¤ºä¸€ä¸ªå…ƒç´ ã€‚ | |
| 折å� 特效(Fold Effect) | 折å� 特效(Fold Effect)通过折å� å…ƒç´ æ�¥éš�è—�æˆ–æ˜¾ç¤ºä¸€ä¸ªå…ƒç´ ã€‚ | |
| .hide() | 使用自定义效果æ�¥éš�è—�匹é…�çš„å…ƒç´ ã€‚ | ç‰¹æ•ˆæ ¸å¿ƒï¼ˆEffects Core) | 方法é‡�载(Method Overrides) | 方法(Method) |
| çª�出特效(Highlight Effect) | çª�出特效(Highlight Effect)通过首先改å�˜èƒŒæ™¯é¢œè‰²æ�¥éš�è—�æˆ–æ˜¾ç¤ºä¸€ä¸ªå…ƒç´ ã€‚ | |
| 膨胀特效(Puff Effect) | é€šè¿‡åœ¨ç¼©æ”¾å…ƒç´ çš„å�Œæ—¶éš�è—�å…ƒç´ æ�¥åˆ›å»ºè†¨èƒ€ç‰¹æ•ˆï¼ˆPuff Effect)。 | |
| 跳动特效(Pulsate Effect) | 跳动特效(Pulsate Effect)通过跳动æ�¥éš�è—�æˆ–æ˜¾ç¤ºä¸€ä¸ªå…ƒç´ ã€‚ | |
| .removeClass() | å½“åŠ¨ç”»æ ·å¼�改å�˜æ—¶ï¼Œä¸ºåŒ¹é…�çš„å…ƒç´ é›†å�ˆå†…çš„æ¯�ä¸ªå…ƒç´ ç§»é™¤æŒ‡å®šçš„ Class。 | ç‰¹æ•ˆæ ¸å¿ƒï¼ˆEffects Core) | 方法é‡�载(Method Overrides) |
| 缩放特效(Scale Effect) | 按照æŸ�ä¸ªç™¾åˆ†æ¯”ç¼©æ”¾å…ƒç´ ã€‚ | |
| 震动特效(Shake Effect) | 垂直或水平方å�‘å¤šæ¬¡éœ‡åŠ¨å…ƒç´ ã€‚ | |
| .show() | 使用自定义效果æ�¥æ˜¾ç¤ºåŒ¹é…�çš„å…ƒç´ ã€‚ | ç‰¹æ•ˆæ ¸å¿ƒï¼ˆEffects Core) | 方法é‡�载(Method Overrides) | 方法(Method) |
| 尺寸特效(Size Effect) | è°ƒæ•´å…ƒç´ å°ºå¯¸åˆ°æŒ‡å®šå®½åº¦å’Œé«˜åº¦ã€‚ | |
| 滑动特效(Slide Effect) | æŠŠå…ƒç´ æ»‘åŠ¨å‡ºè§†åŒºã€‚ | |
| .switchClass() | å½“åŠ¨ç”»æ ·å¼�改å�˜æ—¶ï¼Œä¸ºåŒ¹é…�çš„å…ƒç´ é›†å�ˆå†…çš„æ¯�ä¸ªå…ƒç´ æ·»åŠ å’Œç§»é™¤æŒ‡å®šçš„ Class。 | ç‰¹æ•ˆæ ¸å¿ƒï¼ˆEffects Core) |
| .toggle() | 使用自定义效果æ�¥æ˜¾ç¤ºæˆ–éš�è—�匹é…�çš„å…ƒç´ ã€‚ | ç‰¹æ•ˆæ ¸å¿ƒï¼ˆEffects Core) | 方法é‡�载(Method Overrides) | 方法(Method) |
| .toggleClass() | å½“åŠ¨ç”»æ ·å¼�改å�˜æ—¶ï¼Œæ ¹æ�® Class 是å�¦å˜åœ¨ä»¥å�Š switch å�‚数的值,为匹é…�çš„å…ƒç´ é›†å�ˆå†…çš„æ¯�ä¸ªå…ƒç´ æ·»åŠ æˆ–ç§»é™¤ä¸€ä¸ªæˆ–å¤šä¸ª Class。 | ç‰¹æ•ˆæ ¸å¿ƒï¼ˆEffects Core) | 方法é‡�载(Method Overrides) |
| 转移特效(Transfer Effect) | æŠŠä¸€ä¸ªå…ƒç´ çš„è½®å»“è½¬ç§»åˆ°å�¦ä¸€ä¸ªå…ƒç´ 。 |
点我分享笔记