微信满屏玫瑰花

简介

微信满屏玫瑰花是一种在微信聊天窗口中，通过发送特定的代码实现的功能，能够在聊天窗口中像雪花一样飘落玫瑰花，为聊天增加一份浪漫和温馨。使用该功能需要在微信聊天窗口中输入特定的代码，并发送出去即可。

如何使用

使用微信满屏玫瑰花功能非常简单，只需要在微信聊天窗口中输入以下代码并发送：

代码	说明
>520	产生大量玫瑰花，并伴随"520"的祝福
>1314	产生大量玫瑰花，并伴随"1314"的祝福
>情人节	在情人节时，产生红色玫瑰花，并伴随"情人节"的祝福

效果展示

以下是微信满屏玫瑰花的实际效果展示：

代码实现

实现微信满屏玫瑰花的代码可以通过微信开发工具进行编写。下面是一段示例代码：

	var text=">520"; // 输入的代码
	var num=1000; // 玫瑰花数量
	var msg=text.slice(1); // 提取祝福语
	var random=function (min, max) { return Math.round(Math.random() * (max - min)) + min; };
	var rose=function () {
	    var size=random(20, 40);
	    var left=random(0, document.body.clientWidth - size);
	    var img=new Image();
	    img.src="http://scdn.bozhong.com/static/f3/88/61/f3886187dc154b2aa43c80570511b02d149c87da.jpg"; // 玫瑰花图片链接
	    img.style.position="fixed";
	    img.style.top="-50px";
	    img.style.left=left + "px";
	    img.style.width=size + "px";
	    img.style.zIndex=9999999999999;
	    img.style.opacity="0.7";
	    document.body.appendChild(img);
	    var duration=random(5000, 10000);
	    var start=Date.now();
	    var end=start + duration;
	    var animate=function () {
	        var now=Date.now();
	        var progress=now / end;
	        var top=progress * (document.body.clientHeight + size);
	        img.style.top=top + "px";
	        if (now < end) { requestAnimationFrame(animate); }
	        else { img.parentNode.removeChild(img); }
	    };
	    requestAnimationFrame(animate);
	};
	for (var i=0; i < num; i++) { setTimeout(rose, random(0, num) * 10); }
	if (msg) { window.wx && wx.invoke("sendTextMessage", { "text": msg }, function () { }); }
	

　　推荐阅读

　　信阳宠物微信群,信阳宠物群二维码

　　白城宠物微信群,白城宠物群二维码

　　广州宠物微信群,广州宠物群二维码

查看更多相似文章