今天自己在写插件过程做中找到的一个不错的知识。自己做了一个小例子。
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <!--脚本加载--> 7 <script src="js/jquery.min.js" type="text/javascript"></script> 8 <script type="text/Javascript"> 9 $(document).ready(function(e) {10 var a = 200, b = 200, r = 90, times = 0;11 setInterval(function flutter() {12 times += 0.1;13 var hudu = (2*Math.PI / 360) * 6 * times;14 var X = a + Math.sin(hudu) * r;15 var Y = b - Math.cos(hudu) * r // 注意此处是“-”号,因为我们要得到的Y是相对于(0,0)而言的。16 //$(".sky_text").CSS({"left":X+"px","top":Y+"px"});17 $("body").append('<div style="position:absolute; left:'+X+'px; top:'+Y+'px; width:1px; height:1px; background:#00F;"></div>');18 if(times == 60){19 return;20 }21 }, 2);22 });23 </script>24 <style type="text/css">25 body,html{ padding:0; margin:0;}26 </style>27 </head>28 29 <body>30 <div style="position:absolute; left:198px; top:198px; width:4px; height:4px; background:#F00;"></div>31 </body>32 </html>
PS:写得不好请不要见怪。
PSS:原作者的链接忘记了。。
新闻热点
疑难解答