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

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

WBOY
WBOYオリジナル
2016-05-16 16:29:162203ブラウズ

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

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



<頭>

無題のドキュメント


<スクリプトタイプ="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);
});







声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。