jQuery圖片旋轉(zhuǎn)插件jQueryRotate.js用法實(shí)例(附demo下載)
本文實(shí)例講述了jQuery圖片旋轉(zhuǎn)插件jQueryRotate.js用法。分享給大家供大家參考,具體如下:
推薦一個圖片旋轉(zhuǎn)插件,用于瀏覽相冊時,旋轉(zhuǎn)圖片。
運(yùn)行效果截圖如下:
點(diǎn)擊此處查看在線演示效果。
具體代碼如下:
<script type="text/javascript"> $(document).ready(function () { $("#images").rotate(45); var value = 0 $("#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ì)有所幫助。
- JavaScript圖片旋轉(zhuǎn)效果實(shí)現(xiàn)方法詳解
- JavaScript如何處理移動端拍攝圖片旋轉(zhuǎn)問題
- JS實(shí)現(xiàn)圖片旋轉(zhuǎn)動畫效果封裝與使用示例
- js實(shí)現(xiàn)圖片旋轉(zhuǎn) js滾動鼠標(biāo)中間對圖片放大縮小
- 圖片旋轉(zhuǎn)、鼠標(biāo)滾輪縮放、鏡像、切換圖片js代碼
- JS實(shí)現(xiàn)3D圖片旋轉(zhuǎn)展示效果代碼
- javascript結(jié)合canvas實(shí)現(xiàn)圖片旋轉(zhuǎn)效果
- js實(shí)現(xiàn)圖片旋轉(zhuǎn)的三種方法
- 純JS實(shí)現(xiàn)旋轉(zhuǎn)圖片3D展示效果
- Exif.js圖片旋轉(zhuǎn)修正的方法
相關(guān)文章
使用jquery hover事件實(shí)現(xiàn)表格的隔行換色功能示例
hover(over,out)一個模仿懸停事件的方法,下面一個示例為大家詳細(xì)介紹下使用jquery實(shí)現(xiàn)表格的隔行換色功能,感興趣的朋友可以參考下2013-09-09jQuery+ThinkPHP實(shí)現(xiàn)圖片上傳
這篇文章主要為大家詳細(xì)介紹了jQuery+ThinkPHP實(shí)現(xiàn)圖片上傳,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-07-07jquery trigger實(shí)現(xiàn)聯(lián)動的方法
這篇文章主要介紹了jquery trigger實(shí)現(xiàn)聯(lián)動的方法,結(jié)合實(shí)例形式分析了trigger的具體使用技巧,需要的朋友可以參考下2016-02-02ajax jquery實(shí)現(xiàn)頁面某一個div的刷新效果
這篇文章主要給大家介紹了關(guān)于ajax jquery實(shí)現(xiàn)頁面某一個div的刷新效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03jCallout 輕松實(shí)現(xiàn)氣泡提示功能
在提交表單前、焦點(diǎn)轉(zhuǎn)移后或者 keyup 時往往需要對輸入的文本就行檢驗(yàn),如果輸入內(nèi)容不符合相關(guān)約定則要進(jìn)行提示或警告,有一個叫 jCallout 的插件可以輕松實(shí)現(xiàn)該功能,該插件基于 jQuery 使用,所以使用前需要添加引用 jQuery2013-09-09