UI界面设计比较炫的jQuery滑块插件Unleash jQuery

Unleash jQuery插件是一款在jquery基础上开发的类似手风琴左右展开伸缩的焦点图特效。本文为大家列举6个不同的Unleash jQuery案例为大家学习。
1、鼠标移上去标题展开旋转的特效

2、鼠标移上去标题往上跳出来的特效

3、鼠标点击标题左右弹出的特效

4、鼠标移上去红色背景标题往上旋转90度的特效

5、鼠标移上去标题往上跳出来的晃动特效

6、鼠标移上去标标题左右伸缩的特效

加载代码如下：

1. $(window).load(function() {
2. $(‘#outer’).unleash({
3.              duration: 700,
4.                 childClassName: ‘.box’,
5.                 captionClassName: ‘.caption_1′,
6. SliderWidth: ’940px’,
7. SliderHeight: ’300px’,
8. width: 600,
9. Event: “hover”,
10. easing: “quadEaseOut”,
11.                 captionEasing: “backEaseInOut”,
12. CollapseOnMouseLeave: true,
13. CaptionAnimation: “rotate”
14.             });
15. });

展示效果图：

Unleash jQuery插件的特点：

• 简易的风格。
• 多种风格的标题展示。
• 多字幕动画。
• 您可以选择在多个恰当合适展示的方法。
• 能够在一个页面中添加多个滑块，而不会干扰。
• 展开悬停或单击事件。
• 易于建立详细的文档。便于维护更新。

Unleash jQuery

UI界面设计交互效果展示地址：http://3.s3.envato.com/files/29386688/examples.html

如果想要下载下来尝尝鲜，点击右键查看源码即可下载。