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 給予處理，謝謝支持。