jquery實(shí)現(xiàn)動(dòng)態(tài)畫圓
今天自己在寫插件過程做中找到的一個(gè)不錯(cuò)的知識。自己做了一個(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 // 注意此處是“-”號,因?yàn)槲覀円玫降腨是相對于(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)分頁效果堪比時(shí)光網(wǎng)
- jQuery 動(dòng)態(tài)云標(biāo)簽插件
相關(guān)文章
jquery選擇器、屬性設(shè)置用法經(jīng)驗(yàn)總結(jié)
最近做項(xiàng)目用到了jquery。在做的過程中走了很多彎路,不停的搜索??偨Y(jié)出了一些jquery選擇器、屬性設(shè)置用法,供大家參考2013-09-09jQuery實(shí)現(xiàn)的背景顏色漸變動(dòng)畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的背景顏色漸變動(dòng)畫效果,涉及事件響應(yīng)及頁面元素屬性結(jié)合時(shí)間動(dòng)態(tài)變換的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03jQuery選擇器源碼解讀(六):Sizzle選擇器匹配邏輯分析
這篇文章主要介紹了jQuery選擇器源碼解讀(六):Sizzle選擇器匹配邏輯分析,,需要的朋友可以參考下2015-03-03zTree樹形菜單交互選項(xiàng)卡效果的實(shí)現(xiàn)方法
下面小編就為大家分享一篇zTree樹形菜單交互選項(xiàng)卡效果的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12jquery實(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è)對兩位小數(shù)點(diǎn)的正負(fù)浮點(diǎn)數(shù)的處理要求:非數(shù)字或者.字符自動(dòng)清除,并對.12自動(dòng)修補(bǔ).前的0,實(shí)現(xiàn)原理如下,感興趣的朋友可以參考下2013-09-09jquery mobile界面數(shù)據(jù)刷新的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨query mobile界面數(shù)據(jù)刷新的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05