整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
國人民銀行公告〔2020〕第4號
中國人民銀行定于2020年5月20日發行2020吉祥文化金銀紀念幣一套。該套紀念幣共6枚，其中金質紀念幣2枚，銀質紀念幣3枚，金銀雙金屬紀念幣1枚，均為中華人民共和國法定貨幣。
一、紀念幣圖案
（一）正面圖案。
該套紀念幣正面圖案均為“吉祥”文字造型襯以中國傳統紋飾，并刊國名、年號。
（二）背面圖案。
5克圓形金質紀念幣背面圖案為松、鶴、靈芝、云紋等組合圖案，并刊“松鶴延年”字樣及面額。
100克圓形銀質紀念幣背面圖案為鶴與松枝等組合圖案，并刊“松鶴延年”字樣及面額。
60克圓形銀質紀念幣背面圖案為麒麟與童子等組合圖案，并刊“麒麟送子”字樣及面額。
3克心形金質紀念幣背面圖案為新娘、百合、窗欞等組合圖案，并刊“百年好合”字樣及面額。
30克心形銀質紀念幣背面圖案為百合與同心鎖等組合圖案，并刊“百年好合”字樣及面額。
8克金4克銀圓形雙金屬紀念幣背面圖案為金魚與海棠花等組合圖案，并刊“金玉滿堂”字樣及面額。
二、紀念幣規格和發行量
5克圓形金質紀念幣為精制幣，含純金5克，直徑20毫米，面額80元，成色99.9%，最大發行量5000枚。
100克圓形銀質紀念幣為精制幣，含純銀100克，直徑60毫米，面額30元，成色99.9%，最大發行量10000枚。
60克圓形銀質紀念幣為精制幣，含純銀60克，直徑40毫米，面額20元，成色99.9%，最大發行量20000枚。
3克心形金質紀念幣為精制幣，含純金3克，外接正方形邊長18毫米，面額50元，成色99.9%，最大發行量10000枚。
30克心形銀質紀念幣為精制幣，含純銀30克，外接正方形邊長40毫米，面額10元，成色99.9%，最大發行量20000枚。
8克金4克銀圓形雙金屬紀念幣為精制幣，含純金8克、純銀4克，直徑30毫米，面額100元，成色99.9%，最大發行量5000枚。
三、該套金銀紀念幣由上海造幣有限公司、沈陽造幣有限公司和深圳國寶造幣有限公司鑄造，中國金幣總公司總經銷。銷售渠道詳見中國金幣網。（http://www.chngc.net/qd.html）
中國人民銀行
2020年5月15日
2020吉祥文化金銀紀念幣圖案
↑網頁截圖
聲明：轉載此文是出于傳遞更多信息之目的。若有來源標注錯誤或侵犯了您的合法權益，請作者持權屬證明與本網聯系，我們將及時更正、刪除，謝謝。
前，民政部持續發力、重拳出擊，會同網信、電信主管部門，在新浪、騰訊公司支持下，依法關停第二批14家非法社會組織的網站及其微信、微博、博客等新媒體賬號。
今年4月份，民政部結合群眾舉報，對前期取締的非法社會組織進行排查，發現部分非法網站仍在運營。為進一步鞏固打擊整治非法社會組織專項行動成果，鏟除非法社會組織網絡活動根基，形成線上線下治理閉環，營造清朗網絡空間，民政部會同相關部門立即行動，依據《中華人民共和國網絡安全法》《互聯網信息服務管理辦法》有關規定，對中國太陽能熱利用產業聯盟、中國設計力量、世界韓氏懇親會、國際貨代聯合會、中華民族文化藝術院、世界易學風水聯合會、中國客家廚師協會、中國大大愛心聯盟、中國市值戰略研究院等9家非法社會組織網站及其開辦的微信公眾號、微博賬號予以關停，取得良好效果，獲得群眾歡迎。
本次關停操作為第二批，涉及14家非法社會組織，包括：中國農業科技創新發展工作委員會、中國數字信息與安全產業聯盟、國際體育聯盟、世界雙節棍聯盟、中國貴州高校傳媒聯盟、中國動物保護公益聯盟、中華古氏文化促進會、中華慢性病防治聯合會、中國國學院大健康研究院、中華愛心聯盟、中國民族風服飾協會、中華關公文化傳播促進會、中華國學智慧研究院深圳分院、國際瑜伽協會鄭州分院。
民政部對非法社會組織“零容忍”，下一步將繼續保持打擊力度，加強網絡巡檢與排查，線下線上同步查處，不給非法社會組織留下活動空間。對于性質惡劣、屢教不改的非法社會組織發起人，還將提請相關部門依法納入違法互聯網站（主辦者）黑名單。
民政部已實現實時歸集各級民政部門登記的社會組織信息，截至目前，共登記社會組織83.6萬個。民政部提醒社會公眾在參與有關組織活動時，注意核查該組織的合法身份。社會組織的登記信息可以通過中國社會組織公共服務平臺（www.chinanpo.gov.cn）、中國社會組織動態政務微信、國家社會組織法人庫小程序在線查詢。
附：23家非法社會組織名單
1.中國太陽能熱利用產業聯盟
2.中國設計力量
3.世界韓氏懇親會
4.國際貨代聯合會
5.中華民族文化藝術院
6.世界易學風水聯合會
7.中國客家廚師協會
8.中國大大愛心聯盟
9.中國市值戰略研究院
10.中國農業科技創新發展工作委員會
11.中國數字信息與安全產業聯盟
12.國際體育聯盟
13.世界雙節棍聯盟
14.中國貴州高校傳媒聯盟
15.中國動物保護公益聯盟
16.中華古氏文化促進會
17.中華慢性病防治聯合會
18.中國國學院大健康研究院
19.中華愛心聯盟
20.中國民族風服飾協會
21.中華關公文化傳播促進會
22.中華國學智慧研究院深圳分院
23.國際瑜伽協會鄭州分院
只需三招，了解這個社會組織是“李逵”還是“李鬼”？
您知道嗎？在各級民政部門合法登記的83萬多家社會組織基本信息，都可以通過中國社會組織公共服務平臺http://www.chinanpo.gov.cn/index.html或者微信 “中國社會組織動態”公眾號以及微信小程序 “國家社會組織法人庫”查到哦。具體操作方法如下：
一、通過官網查詢
1.打開“中國社會組織公共服務平臺”，點擊“全國社會組織信息查詢”進入
2.根據了解的信息可以選擇輸入需要查詢的社會組織名稱、法定代表人名稱或者統一社會信用代碼進行查詢
3.如果該組織在民政部門依法登記了，您可以查到如下信息
如果該組織 沒有在民政部門依法登記，您看到的提示是這樣的
二、通過微信公眾號查詢
1.微信關注“中國社會組織動態”公眾號
2.關注后，選擇屏幕下方菜單欄的“我要查詢”——“全國社會組織查詢”
三、通過微信小程序查詢
1.通過微信小程序搜索 ”國家社會組織法人庫“
以上就是三種查詢在民政部門合法登記的社會組織的方法，是不是很方便呢？ 趕緊動手試試吧！還能查詢全國慈善組織的基本信息哦。若您無法查詢或判定的，可以撥打與該組織相關領域的職能部門或各級民政部門對外公布的電話，請求幫助查詢或咨詢。最后，建議您通過網絡搜索該組織相關信息，看看是否已經存在違法活動已被工商、公安等部門查處的消息，或已經在媒體公開曝光。
(來源:中國社會組織動態微信公號、人民日報微博)
最近看了一街坊視頻，問路人“你眼中的程序員是怎樣的?”
然后一堆關鍵詞就出來了“直男、宅、不懂浪漫、禿頭、掉發、油頭、戴眼鏡、瘦、沒得休息、枯燥乏味、不修邊幅、做事有邏輯、學霸、認真、憨厚老實、可愛 哈哈哈哈哈哈”。
說程序員是直男，不可否認，大多數程序員都挺直，因為我們沒有那么多彎彎繞繞。有心思兜圈子，不如回去寫幾行代碼。
早年雷軍說“我喜歡寫代碼，代碼的世界很簡單”
程序員，格子衫，不浪漫，直男，人傻錢多……一點都不懂得浪漫！ 誰說我們不懂浪漫的？ 不會制造驚喜的？真的是這樣么？不不不 你錯了 程序員一旦浪漫起來，真沒其他人啥事了！！！
程序員的大多數時間都是面對電腦，沒有亂七八糟的應酬，缺乏交際的程序員對待一份感情也會非常的認真。程序員也許在生活中會比較宅，但是千萬不要說程序猿不懂浪漫。當你不開心了，他可以分分鐘做出一個玫瑰花、心形、煙花等告白小程序給你制造小驚喜。
<body><audio autoplay="autopaly"> <source src="renxi.mp3" type="audio/mp3" /></audio><div id="main"> <div id="wrap"> <div id="text"> <div id="code"> <font color="#FF0000"> <span class="say">浮世三千 吾愛有三 日月與卿</span><br> <span class="say"> </span><br> <span class="say">日為朝 月為暮 卿為朝朝暮暮</span><br> <span class="say"> </span><br> <span class="say">在這浮浮沉沉的大千世界里 我愛的只有三樣</span><br> <span class="say"></span><br> <span class="say">太陽 月亮和我愛的你</span><br> <span class="say"> </span><br> <span class="say">太陽帶給我們白晝和希望 月亮帶給我們夜幕和寧靜 </span><br> <span class="say"> </span><br><span class="say"> 你與我的朝夕相伴 于我而言即是永恒 你是我一生摯愛</span><br> <span class="say"></span><br> <span class="say">一生愛一人很難，也不丟人</span><br> <span class="say"> </span><br> <span class="say"> 最美的愛情愿景不就是"愿得一心人 白首不相離"嘛</span><br> <span class="say"> </span><br> <span class="say"> 如果可以請牢記當初的愛情承諾 記住最初的美好</span><br> <span class="say"> </span><br><span class="say">愿歲月靜好 淺笑安然 一切美好如約而至</span><br> <span class="say"> </span><br> </font> </div> </div> <div id="clock-box"> <span class="STYLE1"></span><font color="#33CC00">愿得一心人，白首不相離</font> <span class="STYLE1">這簡單的話語……</span> <div id="clock"></div> </div> <canvas id="canvas" width="1100" height="680"></canvas> </div></div><script> (function(){ var canvas=$('#canvas'); if (!canvas[0].getContext) { $("#error").show(); return false; } var width=canvas.width(); var height=canvas.height(); canvas.attr("width", width); canvas.attr("height", height); var opts={ seed: { x: width / 2 - 20, color: "rgb(190, 26, 37)", scale: 2 }, branch: [ [535, 680, 570, 250, 500, 200, 30, 100, [ [540, 500, 455, 417, 340, 400, 13, 100, [ [450, 435, 434, 430, 394, 395, 2, 40] ]], [550, 445, 600, 356, 680, 345, 12, 100, [ [578, 400, 648, 409, 661, 426, 3, 80] ]], [539, 281, 537, 248, 534, 217, 3, 40], [546, 397, 413, 247, 328, 244, 9, 80, [ [427, 286, 383, 253, 371, 205, 2, 40], [498, 345, 435, 315, 395, 330, 4, 60] ]], [546, 357, 608, 252, 678, 221, 6, 100, [ [590, 293, 646, 277, 648, 271, 2, 80] ]] ]] ], bloom: { num: 700, width: 1080, height: 650, }, footer: { width: 1200, height: 5, speed: 10, } } var tree=new Tree(canvas[0], width, height, opts); var seed=tree.seed; var foot=tree.footer; var hold=1; canvas.click(function(e) { var offset=canvas.offset(), x, y; x=e.pageX - offset.left; y=e.pageY - offset.top; if (seed.hover(x, y)) { hold=0; canvas.unbind("click"); canvas.unbind("mousemove"); canvas.removeClass('hand'); } }).mousemove(function(e){ var offset=canvas.offset(), x, y; x=e.pageX - offset.left; y=e.pageY - offset.top; canvas.toggleClass('hand', seed.hover(x, y)); }); var seedAnimate=eval(Jscex.compile("async", function () { seed.draw(); while (hold) { $await(Jscex.Async.sleep(10)); } while (seed.canScale()) { seed.scale(0.95); $await(Jscex.Async.sleep(10)); } while (seed.canMove()) { seed.move(0, 2); foot.draw(); $await(Jscex.Async.sleep(10)); } })); var growAnimate=eval(Jscex.compile("async", function () { do { tree.grow(); $await(Jscex.Async.sleep(10)); } while (tree.canGrow()); })); var flowAnimate=eval(Jscex.compile("async", function () { do { tree.flower(2); $await(Jscex.Async.sleep(10)); } while (tree.canFlower()); })); var moveAnimate=eval(Jscex.compile("async", function () { tree.snapshot("p1", 240, 0, 610, 680); while (tree.move("p1", 500, 0)) { foot.draw(); $await(Jscex.Async.sleep(10)); } foot.draw(); tree.snapshot("p2", 500, 0, 610, 680); // 會有閃爍不得意這樣做, (＞﹏＜) canvas.parent().css("background", "url(" + tree.toDataURL('image/png') + ")"); canvas.css("background", "#ffe"); $await(Jscex.Async.sleep(300)); canvas.css("background", "none"); })); var jumpAnimate=eval(Jscex.compile("async", function () { var ctx=tree.ctx; while (true) { tree.ctx.clearRect(0, 0, width, height); tree.jump(); foot.draw(); $await(Jscex.Async.sleep(25)); } })); var textAnimate=eval(Jscex.compile("async", function () { var together=new Date(); together.setFullYear(2010,1 , 15); //時間年月日 together.setHours(16);//小時 together.setMinutes(53);//分鐘 together.setSeconds(0);//秒前一位 together.setMilliseconds(2);//秒第二位 $("#code").show().typewriter(); $("#clock-box").fadeIn(500); while (true) { timeElapse(together); $await(Jscex.Async.sleep(1000)); } })); var runAsync=eval(Jscex.compile("async", function () { $await(seedAnimate()); $await(growAnimate()); $await(flowAnimate()); $await(moveAnimate()); textAnimate().start(); $await(jumpAnimate()); })); runAsync().start(); })(); </script><!DOCTYPE html><html><head><meta charset="utf-8" /><title>zhaoyeming</title><link rel="stylesheet" href="css/hovertree.css" /></head><body><div class="hovertreeinfo"><h2></h2></div><!-- 僅自動播放音樂 --><audio loop src="img/qianyuqianxun.mp3" id="audio" autoplay preload="auto">該瀏覽器不支持audio屬性</audio><script type="text/javascript">//--創建頁面監聽，等待微信端頁面加載完畢 觸發音頻播放document.addEventListener('DOMContentLoaded', function () {function audioAutoPlay() {var audio=document.getElementById('audio');audio.play();document.addEventListener("WeixinJSBridgeReady", function () {audio.play();}, false);}audioAutoPlay();});//--創建觸摸監聽，當瀏覽器打開頁面時，觸摸屏幕觸發事件，進行音頻播放document.addEventListener('touchstart', function () {function audioAutoPlay() {var audio=document.getElementById('audio');audio.play();}audioAutoPlay();});</script><!--/*外層最大容器*/--><div class="wrap"><!--/*包裹所有元素的容器*/--><div class="cube"><!--前面圖片 --><div class="out_front"><img src="img/img01.jpg " class="pic" /></div><!--后面圖片 --><div class="out_back"><img src="img/img02.jpg" class="pic"/></div><!--左圖片 --><div class="out_left"><img src="img/img03.jpg" class="pic" /></div><div class="out_right"><img src="img/img04.jpg" class="pic" /></div><div class="out_top"><img src="img/img05.jpg" class="pic" /></div><div class="out_bottom"><img src="img/img06.jpg" class="pic" /></div><!--小正方體 --><span class="in_front"><img src="img/img07.jpg" class="in_pic" /></span><span class="in_back"><img src="img/img08.jpg" class="in_pic" /></span><span class="in_left"><img src="img/img09.jpg" class="in_pic" /></span><span class="in_right"><img src="img/img10.jpg" class="in_pic" /></span><span class="in_top"><img src="img/img11.jpg" class="in_pic" /></span><span class="in_bottom"><img src="img/img12.jpg" class="in_pic" /></span></div></div></body></html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery愛心表白動畫代碼</title><link href="css/default.css" type="text/css" rel="stylesheet"><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/garden.js"></script><script type="text/javascript" src="js/functions.js"></script></head><body><div id="mainDiv"><div id="content"><div id="code"><h1><span class="comments">我這一輩子走過許多地方的路</span><br /></h1> <span class="comments"></span><br /><h1><span class="comments">行過許多地方的橋</span><br /></h1><span class="comments"></span><br /><h1><span class="comments">看過許多次數的云</span><br /></h1><span class="comments"></span><br /><h1><span class="comments">喝過許多種類的酒</span><br /><span class="comments"></span><br /><h1><span class="comments">卻只愛過一個正當最好年齡的人</span><br /></h1><span class="comments"></span><br /></div><div id="loveHeart"><canvas id="garden"></canvas><div id="words"><div id="messages"><h4><p class="text">I love you three thousand times </p></h4><div id="elapseClock"></div></div></div></div></div><div id="copyright"><a href="#">....</a><br /><a href="#">....</a><br /></div></div><script type="text/javascript">var offsetX=$("#loveHeart").width() / 2;var offsetY=$("#loveHeart").height() / 2 - 55;var together=new Date();together.setFullYear(2013, 2, 28);together.setHours(20);together.setMinutes(0);together.setSeconds(0);together.setMilliseconds(0);if (!document.createElement('canvas').getContext) {var msg=document.createElement("div");msg.id="errorMsg";msg.innerHTML="Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; document.body.appendChild(msg);$("#code").css("display", "none")$("#copyright").css("position", "absolute");$("#copyright").css("bottom", "10px");document.execCommand("stop");} else {setTimeout(function () {startHeartAnimation();}, 5000);timeElapse(together);setInterval(function () {timeElapse(together);}, 500);adjustCodePosition();$("#code").typewriter();}</script> </body></html><!DOCTYPE html><html><head><meta charset="utf-8" /><title>zhaoyeming</title><link rel="stylesheet" href="css/hovertree.css" /></head><body><div class="hovertreeinfo"><h2></h2></div><!-- 僅自動播放音樂 --><audio loop src="img/qianyuqianxun.mp3" id="audio" autoplay preload="auto">該瀏覽器不支持audio屬性</audio><script type="text/javascript">//--創建頁面監聽，等待微信端頁面加載完畢 觸發音頻播放document.addEventListener('DOMContentLoaded', function () {function audioAutoPlay() {var audio=document.getElementById('audio');audio.play();document.addEventListener("WeixinJSBridgeReady", function () {audio.play();}, false);}audioAutoPlay();});//--創建觸摸監聽，當瀏覽器打開頁面時，觸摸屏幕觸發事件，進行音頻播放document.addEventListener('touchstart', function () {function audioAutoPlay() {var audio=document.getElementById('audio');audio.play();}audioAutoPlay();});</script><!--/*外層最大容器*/--><div class="wrap"><!--/*包裹所有元素的容器*/--><div class="cube"><!--前面圖片 --><div class="out_front"><img src="img/img01.jpg " class="pic" /></div><!--后面圖片 --><div class="out_back"><img src="img/img02.jpg" class="pic"/></div><!--左圖片 --><div class="out_left"><img src="img/img03.jpg" class="pic" /></div><div class="out_right"><img src="img/img04.jpg" class="pic" /></div><div class="out_top"><img src="img/img05.jpg" class="pic" /></div><div class="out_bottom"><img src="img/img06.jpg" class="pic" /></div><!--小正方體 --><span class="in_front"><img src="img/img07.jpg" class="in_pic" /></span><span class="in_back"><img src="img/img08.jpg" class="in_pic" /></span><span class="in_left"><img src="img/img09.jpg" class="in_pic" /></span><span class="in_right"><img src="img/img10.jpg" class="in_pic" /></span><span class="in_top"><img src="img/img11.jpg" class="in_pic" /></span><span class="in_bottom"><img src="img/img12.jpg" class="in_pic" /></span></div></div></body></html><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>愛心</title><style>*{margin:0; padding:0;}body{ background-color: #1E1E1E; }</style></head><body><canvas id="drawHeart"></canvas><script>var hearts=[];var canvas=document.getElementById('drawHeart');var wW=window.innerWidth;var wH=window.innerHeight;// 創建畫布var ctx=canvas.getContext('2d');// 創建圖片對象var heartImage=new Image();heartImage.src='img/heart.svg';var num=100;init();window.addEventListener('resize', function(){ wW=window.innerWidth; wH=window.innerHeight;});// 初始化畫布大小function init(){canvas.width=wW;canvas.height=wH;for(var i=0; i < num; i++){hearts.push(new Heart(i%5));}requestAnimationFrame(render);}function getColor(){var val=Math.random() * 10;if(val > 0 && val <=1){return '#00f';} else if(val > 1 && val <=2){return '#f00';} else if(val > 2 && val <=3){return '#0f0';} else if(val > 3 && val <=4){return '#368';} else if(val > 4 && val <=5){return '#666';} else if(val > 5 && val <=6){return '#333';} else if(val > 6 && val <=7){return '#f50';} else if(val > 7 && val <=8){return '#e96d5b';} else if(val > 8 && val <=9){return '#5be9e9';} else {return '#d41d50';}}function getText(){var val=Math.random() * 10;if(val > 1 && val <=3){return '愛你一輩子';} else if(val > 3 && val <=5){return '感謝你';} else if(val > 5 && val <=8){return '喜歡你';} else{return 'I Love You';}}function Heart(type){this.type=type;// 初始化生成范圍this.x=Math.random() * wW;this.y=Math.random() * wH;this.opacity=Math.random() * .5 + .5;// 偏移量this.vel={x: (Math.random() - .5) * 5,y: (Math.random() - .5) * 5}this.initialW=wW * .5;this.initialH=wH * .5;// 縮放比例this.targetScale=Math.random() * .15 + .02; // 最小0.02this.scale=Math.random() * this.targetScale;// 文字位置this.fx=Math.random() * wW;this.fy=Math.random() * wH;this.fs=Math.random() * 10;this.text=getText();this.fvel={x: (Math.random() - .5) * 5,y: (Math.random() - .5) * 5,f: (Math.random() - .5) * 2}}Heart.prototype.draw=function(){ctx.save();ctx.globalAlpha=this.opacity;ctx.drawImage(heartImage, this.x, this.y, this.width, this.height);ctx.scale(this.scale + 1, this.scale + 1); if(!this.type){ // 設置文字屬性ctx.fillStyle=getColor(); ctx.font='italic ' + this.fs + 'px sans-serif'; // 填充字符串 ctx.fillText(this.text, this.fx, this.fy); }ctx.restore();}Heart.prototype.update=function(){this.x +=this.vel.x;this.y +=this.vel.y;if(this.x - this.width > wW || this.x + this.width < 0){// 重新初始化位置this.scale=0;this.x=Math.random() * wW;this.y=Math.random() * wH;}if(this.y - this.height > wH || this.y + this.height < 0){// 重新初始化位置this.scale=0;this.x=Math.random() * wW;this.y=Math.random() * wH;}// 放大this.scale +=(this.targetScale - this.scale) * .1;this.height=this.scale * this.initialH;this.width=this.height * 1.4;// -----文字-----this.fx +=this.fvel.x;this.fy +=this.fvel.y;this.fs +=this.fvel.f;if(this.fs > 50){this.fs=2;}if(this.fx - this.fs > wW || this.fx + this.fs < 0){// 重新初始化位置this.fx=Math.random() * wW;this.fy=Math.random() * wH;}if(this.fy - this.fs > wH || this.fy + this.fs < 0){// 重新初始化位置this.fx=Math.random() * wW;this.fy=Math.random() * wH;}}function render(){ctx.clearRect(0, 0, wW, wH);for(var i=0; i < hearts.length; i++){hearts[i].draw();hearts[i].update();}requestAnimationFrame(render);}</script></body></html><!doctype html><html><head> <meta charset="utf-8"> <title>canvas五彩斑斕的粒子動畫特效</title> <style> body { overflow: hidden; margin: 0; padding: 0; background: hsla(242, 30%, 5%, 1); } canvas { width: 100%; } </style></head><body> <canvas id='canv'></canvas> <script> /* (Book REF) HTML5 Canvas Ch. 5: Math, Physics, and Animation ::: Uniform Circular Motion By Steve Fulton and Jeff Fulton */ window.requestAnimFrame=(function () { return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000 / 60); }; })(); window.addEventListener('load', start, false); var c, $, w, h, msX, msY, midX, midY, num=650, parts=[], begin=50, repeat=20, end=Math.PI * 2, force=null, msdn=false; function start() { c=document.getElementById('canv'); $=c.getContext('2d'); w=c.width=window.innerWidth; h=c.height=window.innerHeight; midX=w / 2; midY=h / 2; force=Math.max(w, h) * 0.09; flow=begin; window.requestAnimFrame(create); run(); } function run() { window.requestAnimFrame(run); go(); } function Part() { this.deg=0; this.rad=0; this.x=0; this.y=0; this.distX=0; this.distY=0; this.color='rgb(' + Math.floor(Math.random() * 130) + ',' + Math.floor(Math.random() * 50) + ',' + Math.floor(Math.random() * 100) + ')'; this.size; } function create() { var n=num; while (n--) { var p=new Part(); p.deg=Math.floor(Math.random() * 360); p.rad=Math.floor(Math.random() * w * 0.5); p.x=p.distX=Math.floor(Math.random() * w); p.y=p.distY=Math.floor(Math.random() * h); p.size=1 + Math.floor(Math.random() * (p.rad * 0.055)); parts[n]=p; } c.onmousemove=msmv; c.onmousedown=msdn; c.onmouseup=msup; var int=setInterval(function () { flow--; if (flow===repeat) clearInterval(int); }, 20); } function go() { $.globalCompositeOperation='source-over'; $.fillStyle='hsla(242, 30%, 5%, .55)'; $.fillRect(0, 0, w, h); $.globalCompositeOperation='lighter'; var mx=msX; var my=msY; var bounds=force; if (msdn) { bounds=force * 2; } var n=num; while (n--) { var p=parts[n]; var radi=Math.PI / 180 * p.deg; p.distX=midX + p.rad * Math.cos(radi); p.distY=midY + p.rad * Math.sin(radi) * 0.4; if (mx && my) { var react=Math.floor((bounds * 0.5) + Math.random() * (bounds * 0.9)); if (p.distX - mx > 0 && p.distX - mx < bounds && p.distY - my > 0 && p.distY - my < bounds) { p.distX +=react; p.distY +=react; } else if (p.distX - mx > 0 && p.distX - mx < bounds && p.distY - my < 0 && p.distY - my > -bounds) { p.distX +=react; p.distY -=react; } else if (p.distX - mx < 0 && p.distX - mx > -bounds && p.distY - my > 0 && p.distY - my < bounds) { p.distX -=react; p.distY +=react; } else if (p.distX - mx < 0 && p.distX - mx > -bounds && p.distY - my < 0 && p.distY - my > -bounds) { p.distY -=react; p.distY -=react; } } p.x +=((p.distX - p.x) / flow); p.y +=((p.distY - p.y) / flow); var x=p.x; var y=p.y; var s=p.size * (p.y * 1.5 / h); if (s < 0.1) { s=0; } $.beginPath(); $.fillStyle=p.color; $.arc(x, y, s, 0, end, true); $.fill(); $.closePath(); var vary; if (p.size < 2) { vary=4; } else if (p.size < 3) { vary=3; } else if (p.size < 4) { vary=2; } else { vary=1; } vary *=(p.y / (h * 0.9)); p.deg +=vary; p.deg=p.deg % 360; } } function msmv(e) { var p=getPos(e.target); var sX=window.pageXOffset; var sY=window.pageYOffset; msX=e.clientX - p.x + sX; msY=e.clientY - p.y + sY; } function msdn(e) { msdn=true; } function msup(e) { msdn=false; } function getPos(el) { var cosmo={}; cosmo.x=el.offsetLeft; cosmo.y=el.offsetTop; while (el.offsetParent) { el=el.offsetParent; cosmo.x +=el.offsetLeft; cosmo.y +=el.offsetTop; } return cosmo; } </script></body></html>需要源碼的點贊評論666
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
