ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryで動的な円描画を実現_jquery

jqueryで動的な円描画を実現_jquery

WBOY
リリース: 2016-05-16 16:29:16
オリジナル
2170 人が閲覧しました

今日プラグインを書いているときに良い知識を見つけました。私自身も小さな例を作りました。

コードをコピーします コードは次のとおりです:



<頭>

無題のドキュメント


<スクリプトタイプ="text/javascript">
$(document).ready(function(e) {
var a = 200、b = 200、r = 90、times = 0;
setInterval(function flutter() {
倍 = 0.1;
var hudu = (2*Math.PI / 360) * 6 * 回;
var X = a Math.sin(hudu) * r;
var Y = b - Math.cos(hudu) * r // 取得したい Y は (0,0) に対する相対値であるため、ここに「-」記号があることに注意してください。
//$(".sky_text").css({"left":X "px","top":Y "px"});
$("body").append('
');
If(回 == 60){
return;
}
}, 2);
});







関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート