快捷導(dǎo)航

jquery實(shí)現(xiàn)動(dòng)態(tài)畫圓

更新時(shí)間：2014年12月04日 12:07:34 投稿：hebedich

這篇文章主要給大家分享了一段jquery實(shí)現(xiàn)動(dòng)態(tài)畫圓代碼,需要的朋友可以參考下

今天自己在寫插件過程做中找到的一個(gè)不錯(cuò)的知識(shí)。自己做了一個(gè)小例子。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</title>

<script src=" <script type="text/javascript">
$(document).ready(function(e) {
    var a = 200, b = 200, r = 90, times = 0;
    setInterval(function flutter() {
        times += 0.1;
        var hudu = (2*Math.PI / 360) * 6 * times;
        var X = a + Math.sin(hudu) * r;
        var Y = b - Math.cos(hudu) * r    // 注意此處是“-”號(hào)，因?yàn)槲覀円玫降腨是相對(duì)于（0,0）而言的。
        //$(".sky_text").css({"left":X+"px","top":Y+"px"});
        $("body").append('<div style="position:absolute; left:'+X+'px; top:'+Y+'px; width:1px; height:1px; background:#00F;"></div>');
        if(times == 60){
            return;
        }
    }, 2);
});
</script>
<style type="text/css">
body,html{ padding:0; margin:0;}
</style>
</head>
<body>
<div style="position:absolute; left:198px; top:198px; width:4px; height:4px; background:#F00;"></div>
</body>
</html>

您可能感興趣的文章:

相關(guān)文章

JQuery判斷正整數(shù)整理小結(jié)(jQuery 文本框中只能輸入正整數(shù))
這篇文章主要介紹了JQuery判斷正整數(shù)，附上詳細(xì)的代碼供大家查看具體的方法,需要的朋友可以參考下
2017-08-08
基于jQuery架構(gòu)javascript基礎(chǔ)體系
jQuery畢竟還只是一個(gè)基礎(chǔ)的最底層的工具集，封裝元素選擇器，事件等等，基本上能滿足一般的需求，但要從整體的WEB的周度來看，為了提高javascript開發(fā)的效率與可重用性，就需要有一個(gè)整體的布局
2011-01-01
jquery彈窗插件colorbox綁定動(dòng)態(tài)生成元素的方法
這篇文章主要介紹了jquery彈窗插件colorbox綁定動(dòng)態(tài)生成元素的方法,colorbox是一款非常好用的彈窗插件,需要的朋友可以參考下
2014-06-06
關(guān)于setInterval、setTimeout在jQuery中的使用注意事項(xiàng)
最近碰到個(gè)問題，在使用jquery寫定時(shí)器時(shí)，總是會(huì)出現(xiàn)fn不存在的錯(cuò)誤提示
2011-09-09
jQuery插件pagewalkthrough實(shí)現(xiàn)引導(dǎo)頁效果
這篇文章主要介紹了jQuery插件pagewalkthrough實(shí)現(xiàn)引導(dǎo)頁效果的方法和示例代碼，十分的詳細(xì)和實(shí)用，有需要的小伙伴可以參考下。
2015-07-07
仿迅雷焦點(diǎn)廣告效果(JQuery版)
今天寫了一個(gè)放迅雷焦點(diǎn)廣告的效果，還請(qǐng)大家多多指正，先附上效果圖一張
2008-11-11
基于Jquery和html5實(shí)現(xiàn)炫酷的3D焦點(diǎn)圖動(dòng)畫
這篇文章主要介紹了基于Jquery和html5實(shí)現(xiàn)炫酷的3D焦點(diǎn)圖動(dòng)畫的相關(guān)資料，焦點(diǎn)圖中的圖片利用了CSS3的相關(guān)特性實(shí)現(xiàn)圖片傾斜效果，從而讓圖片出現(xiàn)3D的視覺效果，感興趣的小伙伴們可以參考一下
2016-03-03
通過jQuery打造支持漢字,拼音,英文快速定位查詢的超級(jí)select插件
jQuery 超級(jí)select 插件 v3.0.0.0插件支持漢字、拼音、英文快速定位查詢的超級(jí)select插件?？煞较蜴I、tab 鍵快速選擇。
2010-06-06
jQuery實(shí)現(xiàn)影院選座訂座效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)影院選座訂座效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-04-04
Jquery寫一個(gè)鼠標(biāo)拖動(dòng)效果實(shí)現(xiàn)原理與代碼
近日項(xiàng)目中要做一個(gè)鼠標(biāo)拖拽層的效果，于是手動(dòng)使用Jquery做了一個(gè)，發(fā)出來跟大伙兒分享一下，并希望能得到高手的指點(diǎn),如何有高手改進(jìn)的話，在下不勝感激
2012-12-12