Unleash jQuery插件是一款在jquery基礎(chǔ)上開發(fā)的類似手風(fēng)琴左右展開伸縮的焦點圖特效。本文為大家列舉6個不同的Unleash jQuery案例為大家學(xué)習(xí)。
1、鼠標(biāo)移上去標(biāo)題展開旋轉(zhuǎn)的特效
2、鼠標(biāo)移上去標(biāo)題往上跳出來的特效
3、鼠標(biāo)點擊標(biāo)題左右彈出的特效
4、鼠標(biāo)移上去紅色背景標(biāo)題往上旋轉(zhuǎn)90度的特效
5、鼠標(biāo)移上去標(biāo)題往上跳出來的晃動特效
6、鼠標(biāo)移上去標(biāo)標(biāo)題左右伸縮的特效
加載代碼如下：
- $(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插件的特點：
- 簡易的風(fēng)格。
- 多種風(fēng)格的標(biāo)題展示。
- 多字幕動畫。
- 您可以選擇在多個恰當(dāng)合適展示的方法。
- 能夠在一個頁面中添加多個滑塊，而不會干擾。
- 展開懸?；騿螕羰录?。
- 易于建立詳細的文檔。便于維護更新。
Unleash jQuery
UI界面設(shè)計交互效果展示地址：http://3.s3.envato.com/files/29386688/examples.html
如果想要下載下來嘗嘗鮮，點擊右鍵查看源碼即可下載。
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。