jQuery圖片旋轉(zhuǎn)插件jQueryRotate.js用法實(shí)例(附demo下載)

本文實(shí)例講述了jQuery圖片旋轉(zhuǎn)插件jQueryRotate.js用法。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供浙江網(wǎng)站建設(shè)、浙江做網(wǎng)站、浙江網(wǎng)站設(shè)計(jì)、浙江網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、浙江企業(yè)網(wǎng)站模板建站服務(wù)，十余年浙江做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

推薦一個圖片旋轉(zhuǎn)插件，用于瀏覽相冊時(shí)，旋轉(zhuǎn)圖片。

運(yùn)行效果截圖如下：

點(diǎn)擊此處查看在線演示效果。

具體代碼如下：

script

type="text/javascript"

$(document).ready(function

()

{

$("#images").rotate(45);

var

value

=

$("#images1").rotate({

bind:

{

mouseover:

function(){

value

+=90;

$(this).rotate({

animateTo:value})

}

}

});

$('#button').click(function(){

$("#images1").rotate({animateTo:parseInt($('#angel').val())});

});

function

rotation

(){

$("#images2").rotate({

angle:0,

animateTo:360,

callback:

rotation,

easing:

function

(x,t,b,c,d){

return

c*(t/d)+b;

}

});

}

rotation();

});

/script

上面只是js代碼，完整實(shí)例代碼點(diǎn)擊此處本站下載。

更多關(guān)于jQuery插件相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常用插件及用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。

40款經(jīng)典前端特效插件---分享

1.flavr—超級漂亮的jQuery扁平彈出對話框 ? ??

2.輕量級觸摸響應(yīng)滑塊插件JQuery lightSlider ? ? ?

3.帶37種3D動畫特效的跨瀏覽器CSS3動畫框架 ? ? ??

4.jquery整屏滾動插件Scrollify ? ? ? ?

5.jquery旋轉(zhuǎn)木馬插件SLICK ? ? ? ??

6.jquery文字動畫插件LetterFX ? ? ? ? ?

7.jquery文本翻轉(zhuǎn)插件Wodry.js ? ? ??

8.jquery通知插件toastr ? ? ??

9.jQuery滾動執(zhí)行動畫插件FadeThis ? ? ?

10.jquery表單驗(yàn)證插件Bootstrap Validator ? ? ??

11.jCountdown倒計(jì)時(shí)插件jQuery ? ? ? ? ??

12.iCheck不一樣的checkbok ? ? ? ??

13.Owl Carousel強(qiáng)大的響應(yīng)式j(luò)Query焦點(diǎn)圖輪播插件 ??

14.magic-帶64種動畫效果的CSS3動畫庫 ? ??

15.jQuery實(shí)時(shí)搜索插件-HideSeek ? ? ??

16.bootstrap modal對話框 ? ? ? ? ? ??

17.一款模擬CSS3動畫的js插件-move.js ? ? ? ? ? ???

18.可替代CSS3 transition和transform的jQuery插件 ? ? ? ? ?

19.基于bootstrap的jQuery多功能模態(tài)對話框插件

20.帶CSS3過渡效果的js模態(tài)窗口插件 ? ? ???

21.支持移動觸摸設(shè)備的簡潔js幻燈片插件

22.jQuery輕量級響應(yīng)式扁平風(fēng)格tabs選項(xiàng)卡插件

23.jQuery輕量級響應(yīng)式Tooltip插件

24.jQuery簡單且功能強(qiáng)大的圖片剪裁插件

25.帶CSS3動畫過渡效果的jQuery模態(tài)窗口插件

26.中國省市區(qū)地址三級聯(lián)動jQuery插件

27.移動端優(yōu)先且支持jQuery和Zepto的模態(tài)對話框插件

28.jQuery簡單實(shí)用的tooltip插件

29.帶CSS3過渡動畫效果的jQuery Tabs選項(xiàng)卡插件

30.x0popup-純js彈出對話框插件

31.WOW.js-元素在頁面滾動時(shí)展示CSS3動畫JS插件

32.Windows8樣式的消息提示框jQuery插件

33.jQuery星級評分插件

34.fsBanner-實(shí)用的網(wǎng)站響應(yīng)式Banner手風(fēng)琴插件

35.draggabilly-功能強(qiáng)大的拖動拖拽元素插件

36.驗(yàn)證插件vali.js

37.響應(yīng)式j(luò)Query圖片放大鏡插件magnificent.js

38.可快速生成各種陰影效果的jQuery插件

39.基于jquery的非常逼真的全屏下雪效果

40.純文本Loading加載指示器特效

有哪些好用的 jQuery 圖片上傳插件

1、uploadify

它是針對jQuery的免費(fèi)文件上傳插件，可以輕松將單個或多個文件上傳到網(wǎng)站上，可控制并發(fā)上傳的文件數(shù)，通過接口參數(shù)和CSS控制外觀。Web服務(wù)器需支持flash和后端開發(fā)語言。

2、FancyUpload

它是一個由CSS和XHTML編寫樣式的Ajax文件上傳工具，安裝簡便，服務(wù)器獨(dú)立，由MooTools模塊驅(qū)動，可以在任何現(xiàn)代瀏覽器上使用。

3、Aurigma Upload Suite(Image Uploader)

這是一個不限大小，不限格式的文件/圖片批量上傳工具，是收費(fèi)控件。它支持云端存儲和客戶端文件處理，支持?jǐn)帱c(diǎn)續(xù)傳，穩(wěn)定可靠。從8.0.8開始，Image Uploader將名稱改為"Aurigma Upload Suite"。

jquery.featurecarousel.js是什么插件

jQuery Feature Carousel 插件是國外的一比較優(yōu)秀的旋轉(zhuǎn)木馬圖片插件。

插件特點(diǎn)：

1. 處理div的3d旋轉(zhuǎn)木馬效果。

2. 支持一個中心，2個側(cè)面的功能

3.中心區(qū)域可點(diǎn)擊

4.顯示隱藏文本功能（可以使用css顯示在圖片的任何位置）

5.可以修改速度，效果，等很多的參數(shù)。

6.支持 Chrome,FireFox,Safari和IE6 +瀏覽器。

7.需要 jQuery v1.3+

8.支持圖片預(yù)加載

網(wǎng)頁名稱：jquery圖片插件,jquery上傳圖片插件
網(wǎng)頁鏈接：http://chinadenli.net/article33/dsidess.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司、服務(wù)器托管、品牌網(wǎng)站制作、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)