Unleash jQuery插件是一款在jquery基础上开发的类似手风琴左右展开伸缩的焦点图特效。本文为大家列举6个不同的Unleash jQuery案例为大家学习。
1、鼠标移上去标题展开旋转的特效
2、鼠标移上去标题往上跳出来的特效
3、鼠标点击标题左右弹出的特效
4、鼠标移上去红色背景标题往上旋转90度的特效
5、鼠标移上去标题往上跳出来的晃动特效
6、鼠标移上去标标题左右伸缩的特效
加载代码如下：
- $(window).load(function() {
- $(‘#outer’).unleash({
- duration: 700,
- childClassName: ‘.box’,
- captionClassName: ‘.caption_1′,
- SliderWidth: ’940px’,
- SliderHeight: ’300px’,
- width: 600,
- Event: “hover”,
- easing: “quadEaseOut”,
- captionEasing: “backEaseInOut”,
- CollapseOnMouseLeave: true,
- CaptionAnimation: “rotate”
- });
- });
展示效果图：
Unleash jQuery插件的特点：
- 简易的风格。
- 多种风格的标题展示。
- 多字幕动画。
- 您可以选择在多个恰当合适展示的方法。
- 能够在一个页面中添加多个滑块，而不会干扰。
- 展开悬停或单击事件。
- 易于建立详细的文档。便于维护更新。
Unleash jQuery
UI界面设计交互效果展示地址：http://3.s3.envato.com/files/29386688/examples.html
如果想要下载下来尝尝鲜，点击右键查看源码即可下载。
【网站声明】本站除付费源码经过测试外，其他素材未做测试，不保证完整性，网站上部分源码仅限学习交流，请勿用于商业用途。如损害你的权益请联系客服QQ：2655101040 给予处理，谢谢支持。