基于input的手機移動端圖片上傳特效
116KB / 07-11
實現(xiàn)Bootstrap布局的表單設(shè)計器、問卷等特效源碼
220KB / 06-29
jquery-resizable可調(diào)整大小的table表格
32KB / 06-15
實現(xiàn)響應(yīng)式選項卡svg 文本輪播圖特效
232KB / 06-08
jQuery鷹眼視圖小地圖定位預(yù)覽插件minimap.js
12.6KB / 05-31
jQuery實現(xiàn)左右切換全屏輪播圖特效源碼
87.5KB / 05-12
使用jQuery開發(fā)的移動端模擬鍵盤插件特效
16.3KB / 04-18
jQuery實現(xiàn)文本描述提示框插件abTips
48.5KB / 04-12
jQuery不同多功能文件類型添加上傳特效源碼
51.2KB / 03-16
jQuery實現(xiàn)的音樂播放器代碼(含歌單列表)
117KB / 03-15
-
基于input的手機移動端圖片上傳特效 jQuery / 116KB
-
-
-
-
jQuery鷹眼視圖小地圖定位預(yù)覽插件minimap.js jQuery / 12.6KB
-
jQuery實現(xiàn)左右切換全屏輪播圖特效源碼 jQuery / 87.5KB
-
使用jQuery開發(fā)的移動端模擬鍵盤插件特效 jQuery / 16.3KB
-
jQuery實現(xiàn)文本描述提示框插件abTips jQuery / 48.5KB
-
jQuery不同多功能文件類型添加上傳特效源碼 jQuery / 51.2KB
-
jQuery實現(xiàn)的音樂播放器代碼(含歌單列表) jQuery / 117KB
詳情介紹
在網(wǎng)頁<head>區(qū)添加以下代碼
[code]
<script type="text/javascript" src="//www.sharejs.com/software/jquery/jquery-1.3.1.js"></script>
<script language="javascript" src="jQueryRotate.js"></script>
<!-- Include the VML behavior -->
<style>v\:image { behavior:url(#default#VML); display:inline-block }</style>
<!-- Declare the VML namespace -->
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />
[/code]
其中:
[code]
<!-- Include the VML behavior -->
<style>v\:image { behavior:url(#default#VML); display:inline-block }</style>
<!-- Declare the VML namespace -->
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />
[/code]
必須添加到你的<head>區(qū) 否則圖片不會顯示、
jQueryRotate.js是旋轉(zhuǎn)的jQuery插件,點擊這里下載>>>
在網(wǎng)頁<body>區(qū)添加以下代碼
[code]
<img id="image" src="1.jpg"><Br><br>
<img id="image2" src="1.jpg"><Br><br>
<img id="image3" src="1.jpg"><Br><br>
<p></p>
<script type="text/javascript">
$(document).ready(function()
{
var rot=$('#image3').rotate({maxAngle:25,minAngle:-55,
bind:
[
{"mouseover":function(){rot[0].rotateAnimation(85);}},
{"mouseout":function(){rot[0].rotateAnimation(-35);}}
]
});
$('#image2').rotateAnimation({angle:5});
$('#image').rotate(-25);
});
</script>
[/code]
image,image2,image3分別為三個圖片的ID
調(diào)用方法如下:
[code]
jQuery(imgElement).rotate(angleValue)
jQuery(imgElement).rotate(parameters)
jQuery(imgElement).rotateAnimation(parameters)
jQuery(imgElement).rotateAnimation(parameters)
[/code]
參數(shù)說明:
({angle:angleValue,
[animateAngle:animateAngleValue],
[maxAngle:maxAngleValue],
[minAngle:minAngleValue],
[callback:callbackFunction],
[bind:[{event: function},{event:function} ] })
jQuery(imgElement).rotateAnimation
下載地址
人氣腳本
相關(guān)文章
-
基于input的手機移動端圖片上傳特效
使用input原生事件配合接口實現(xiàn)圖片上傳效果,非常簡單的手機移動端上傳圖片的特效,歡迎下載使用...
-
實現(xiàn)Bootstrap布局的表單設(shè)計器、問卷等特效源碼
這是基于Bootstrap布局的表單設(shè)計器、問卷等的特效,包含有文本框、多行文本、單選、復(fù)選、日期選擇、下拉選擇框等??蓪?dǎo)出/導(dǎo)入json、預(yù)覽表單等功能...
-
jquery-resizable可調(diào)整大小的table表格
這里為大家分享基于jquery-resizable實現(xiàn)可調(diào)整表格(table)列寬的代碼,需要的朋友可以參考下...
-
實現(xiàn)響應(yīng)式選項卡svg 文本輪播圖特效
這是響應(yīng)式選項卡svg 文本輪播圖效果,以swiper為基礎(chǔ),用的是swiper雙向控制,圖標條用的是阿里巴巴個人項目圖標庫,歡迎下載...
-
jQuery鷹眼視圖小地圖定位預(yù)覽插件minimap.js
這是jQuery小地圖定位預(yù)覽鷹眼視圖,默認左側(cè)是頁面主要內(nèi)容,然后在右側(cè)形成一個快速定位通道,產(chǎn)生一個縮小版的頁面,即預(yù)覽效果...
-
jQuery實現(xiàn)左右切換全屏輪播圖特效源碼
這是一個使用HTML、CSS和Javript編寫的全屏輪播風(fēng)格特效,包含多張圖片和對應(yīng)的文本介紹,通過自動滑動和手動切換兩種方式,展示出不同的內(nèi)容...
下載聲明
☉ 解壓密碼:www.dbjr.com.cn 就是本站主域名,希望大家看清楚,[ 分享碼的獲取方法 ]可以參考這篇文章
☉ 推薦使用 [ 迅雷 ] 下載,使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
☉ 如果這個軟件總是不能下載的請在評論中留言,我們會盡快修復(fù),謝謝!
☉ 下載本站資源,如果服務(wù)器暫不能下載請過一段時間重試!或者多試試幾個下載地址
☉ 如果遇到什么問題,請評論留言,我們定會解決問題,謝謝大家支持!
☉ 本站提供的一些商業(yè)軟件是供學(xué)習(xí)研究之用,如用于商業(yè)用途,請購買正版。
☉ 本站提供的jQuery圖片旋轉(zhuǎn)插件jQueryRotate可設(shè)定旋轉(zhuǎn)的方向、角度資源來源互聯(lián)網(wǎng),版權(quán)歸該下載資源的合法擁有者所有。