jQuery 回転プラグイン - 回転サポート (つまり、Firefox/SafariOpera/Chrome)_jquery
非常に興味深い jQuery 回転プラグインをインターネットで見つけました。これは Internet Explorer 6.0、Firefox 2.0、Safari 3、Opera 9 をサポートしており、Transform は高度なブラウザーで使用され、VML は下位バージョンで使用されます。 IEの。
呼び出しとメソッド:
rotate(angle)
angle パラメータ: [数値] - デフォルトは 0 - 指定された値に従って画像を回転します角度
例:
$("# img").rotate(45);
rotate(parameters)
parameters パラメータ: [オブジェクト] 回転パラメータを含むオブジェクト。サポートされる属性:
1.angle 属性 : [数値] - デフォルト 0 - 回転角度の数、すぐに実行
例:
$("#img").rotate({angle:45});
2.bind 属性: [オブジェクト] オブジェクト。回転オブジェクトにバインドされたイベントが含まれます。イベント内の $(this) は回転オブジェクトを指しているため、$(this).rotate(…) 内で呼び出しを連鎖させることができます。例 (矢印をクリック):
$ ("#img ").rotate({bind:{
click: function(){
$(this).rotate({
angle: 0,
animateTo:180
})
}
}
});
3.animateTo 属性: [数値] – デフォルト 0 – 現在の角度値から指定された角度値 (または指定された角度パラメータ) までの回転をアニメーション化します。 例: 上記の例と併せて、使用法を参照してください。
4.duration 属性 : [数値] – animateTo を使用してアニメーションの実行時間を指定します。例:
$("#img").rotate({bind:{
click: function(){
$(this ).rotate({
duration:6000,
angle: 0,
animateTo:100
})
}
}
});
5.step 属性: [関数] – 現在の角度値を関数
6 の最初のパラメーターとして、各アニメーション ステップで実行されるコールバック関数。イージング属性: [関数] – デフォルト (下記を参照) – アニメーションをより自然に見せるために使用されるイージング関数。http://gsgd からのイージングをサポートするために 5 つのパラメーター (x、t、b、c、d) が必要です。 .co.uk/sandbox/jquery/easing/ (詳細については、Web サイトのドキュメントを参照してください)。jQueryRotate!Default 関数でイージング プラグインを含めることを忘れないでください:
function (x, t, b, c, d) { return -c * ((t=t /d-1)* t*t*t - 1) b; }
ここで: t: 現在の時刻、
b: 開始値、
c: 変更値、
d: 期間、
x: 未使用
イージングなし (線形イージング):
function(x, t, b, c, d) { return (t/d)*c; }
例 (クリックします) arrow):
$("#img" ).rotate({bind:{
click : function(){
$(this).rotate({
angle: 0,
animateTo:180,
easing: $.easing .easeInOutElastic
})
}
}
});
7. コールバック属性 : [機能] コールバック関数は、アニメーションが完了しました (矢印をクリック):
$("#img").rotate({bind:{
click: function(){
$(this).rotate({
angle: 0,
animateTo:180 、
コールバック: function(){alert(1) }
} )
}
}
});
getRotateAngle
この関数は、回転されたオブジェクトの現在の角度を返すだけです。
例:
$("#img").rotate({
angle: 45,
bind: {
click : function(){
alert($(this).getRotateAngle ());
}
}
});
stopRotate
この関数は、進行中の回転アニメーションを停止するだけです。
例:
$("#img").rotate({
バインド: {
クリック: function(){
$("#img").rotate({
角度: 0,
animateTo: 180,
duration: 6000
});
setTimeout(function(){
$("#img").stopRotate();
}, }
}
});
jqueryrotate プロジェクトのアドレス: http://code.google.com/p/jqueryrotate/
コード例: http://code.google.com/p/jqueryrotate/wiki/Examples
一歩ずつ登っていきます

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます! Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

このチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください

このチュートリアルでは、Ajaxを介してロードされた動的なページボックスの作成を示しており、フルページのリロードなしでインスタントリフレッシュを可能にします。 JQueryとJavaScriptを活用します。カスタムのFacebookスタイルのコンテンツボックスローダーと考えてください。 重要な概念: ajaxとjquery

このJavaScriptライブラリは、Cookieに依存せずにセッションデータを管理するためにWindow.nameプロパティを活用します。 ブラウザ全体でセッション変数を保存および取得するための堅牢なソリューションを提供します。 ライブラリは、セッションの3つのコア方法を提供します
