jquery實(shí)現(xiàn)動(dòng)態(tài)畫(huà)圓
更新時(shí)間：2014年12月04日 12:07:34 投稿：hebedich
這篇文章主要給大家分享了一段jquery實(shí)現(xiàn)動(dòng)態(tài)畫(huà)圓代碼,需要的朋友可以參考下
今天自己在寫(xiě)插件過(guò)程做中找到的一個(gè)不錯(cuò)的知識(shí)。自己做了一個(gè)小例子。
復(fù)制代碼 代碼如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無(wú)標(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>
您可能感興趣的文章:
- jquery 如何動(dòng)態(tài)添加、刪除class樣式方法介紹
- jquery 動(dòng)態(tài)創(chuàng)建元素的方式介紹及應(yīng)用
- jQuery動(dòng)態(tài)地獲取系統(tǒng)時(shí)間實(shí)現(xiàn)代碼
- Jquery動(dòng)態(tài)改變圖片IMG的src地址示例
- jQuery動(dòng)態(tài)添加刪除select項(xiàng)(實(shí)現(xiàn)代碼)
- 使用jQuery動(dòng)態(tài)加載js腳本文件的方法
- jquery動(dòng)態(tài)調(diào)整div大小使其寬度始終為瀏覽器寬度
- jQuery獲取動(dòng)態(tài)生成的元素示例
- Jquery選擇器中使用變量實(shí)現(xiàn)動(dòng)態(tài)選擇例子
- jQuery動(dòng)態(tài)創(chuàng)建html元素的常用方法匯總
- jquery動(dòng)態(tài)分頁(yè)效果堪比時(shí)光網(wǎng)
- jQuery 動(dòng)態(tài)云標(biāo)簽插件
相關(guān)文章
jquery選擇器、屬性設(shè)置用法經(jīng)驗(yàn)總結(jié)
最近做項(xiàng)目用到了jquery。在做的過(guò)程中走了很多彎路，不停的搜索?？偨Y(jié)出了一些jquery選擇器、屬性設(shè)置用法，供大家參考2013-09-09
jQuery實(shí)現(xiàn)的背景顏色漸變動(dòng)畫(huà)效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的背景顏色漸變動(dòng)畫(huà)效果,涉及事件響應(yīng)及頁(yè)面元素屬性結(jié)合時(shí)間動(dòng)態(tài)變換的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了JQuery上傳插件Uploadify使用，文章給出詳細(xì)的步驟來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的上傳功能，感興趣的小伙伴們可以參考一下2016-01-01
本文給大家匯總介紹了jQuery的幾種判斷元素的方法，包括是否含有某 class、元素是否存在、是否 checked以及元素是否禁用，都是常用的方法，希望大家能夠喜歡2017-02-02
jQuery選擇器源碼解讀（六）：Sizzle選擇器匹配邏輯分析
這篇文章主要介紹了jQuery選擇器源碼解讀（六）：Sizzle選擇器匹配邏輯分析,,需要的朋友可以參考下2015-03-03
zTree樹(shù)形菜單交互選項(xiàng)卡效果的實(shí)現(xiàn)方法
下面小編就為大家分享一篇zTree樹(shù)形菜單交互選項(xiàng)卡效果的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
jquery實(shí)現(xiàn)下拉菜單的手風(fēng)琴效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)下拉菜單的手風(fēng)琴效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
正負(fù)小數(shù)點(diǎn)后兩位浮點(diǎn)數(shù)實(shí)現(xiàn)原理及代碼
需要做個(gè)對(duì)兩位小數(shù)點(diǎn)的正負(fù)浮點(diǎn)數(shù)的處理要求：非數(shù)字或者.字符自動(dòng)清除，并對(duì).12自動(dòng)修補(bǔ).前的0，實(shí)現(xiàn)原理如下，感興趣的朋友可以參考下2013-09-09
這篇文章介紹了jquery設(shè)置控件位置的方法，有需要的朋友可以參考一下2013-08-08
jquery mobile界面數(shù)據(jù)刷新的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery mobile界面數(shù)據(jù)刷新的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05