1。概要
Taobao、Paipaiなどの一部の取引プラットフォームWebサイトでは、一部の写真が円の形で回転し、繰り返し実行されることがよくあります。
2。技術的なポイント
数学オブジェクトsin（数の正弦値を返す）とcos（数のコサイン値を返す）の主な適用。サイン値とコサイン値を取得し、いくつかのアルゴリズムを追加して現在のレイヤーの位置を変更して、画像がページで回転するようにします。
3。特定の実装
（1）この例では、JavaScriptの数学オブジェクトの正弦値とコサイン値を使用して、現在のレイヤーの位置を変更します。コードは次のとおりです。
<スクリプト言語= "javascript"> var x1 = 200; var x2 = 200; varタイマー; var r = 60; var i = 0;関数eddyphoto（i）{var ob = document.all（ "divround"）; ob.style.postop = r*math.sin（（i*math.pi）/180）+x1; ob.style.posleft = r*math.cos（（i*math.pi）/180）+x2; i = i+1; if（r> 100）{window.cleartimeout（タイマー）;} else {if（i> 360）{i = 0; r = r+1;} Timer = setimeout（ "eddyphoto（"+i+"）"、10）;}} eddyphoto（0）; </scrip（2）ページにレイヤーを追加し、画像を追加してレイヤーに効果を回転させます。コードは次のとおりです。
<div id = "divround"> <img src = "temp.jpg"> </div>
上記は、JSコードに基づいてページ上の回転画像の効果を実現するために、編集者によって紹介された関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！