开启辅助访问 充值VIP充值豆豆
QQ登录 自动登录 注册 找回密码
查看: 7477|回复: 0

jquery实现动态画圆_jquery

[复制链接]

该用户从未签到

156

主题

156

帖子

2万

豆豆

超级版主

光头春 发表于 2018-11-18 12:23:03 | 显示全部楼层 |阅读模式

今天自己在写插件过程做中找到的一个不错的知识。自己做了一个小例子。

复制代码 代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<!--脚本加载-->
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<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是相对于(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>


其它思必达学院教程推荐:
蓝丝雨VIP按键系列之按键精灵安卓版视频教程
PHP100 php视频教程115集
WP插件制作视频教程
后盾网VIP万能织梦教程
《Excel使用要点:使用Excel进行数据分析和决策》(Excel Essentials Using Microso...
《后盾网DreamWeaver CS5原创视频教程》更新至52课[压缩包]
淘宝网上购物流程视频教程[压缩包]
《中文版Excel 2003实例与技巧》PDF中文版 资料下载
《电脑入门与提高疑难排解大全》pdf
《笔记本电脑故障应急速查万用全书》[PDF]
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

本站资源全部来自网络和网友分享,如有侵犯您的权益,请联系网站QQ,或发邮件至sibida@foxmail.com。本网站尊重知识产权,无意侵犯知识产品,如有,联系网站人员,会第一时间删除!

小白基地,是小白资源网的官方网站,思必达学院官网,提供最新的创业技术支持与创业资讯,提供最新的思必达教程。是IT小白网友学习资源分享基地,中国互助创业资源网。提供诸如JAVA、PHP、MySQL、ASP、C语言等各类程序开发的教程资源。

快速回复 返回顶部 返回列表
鞋子货源 服装货源一件代发 美容护肤品货源