The javascript below will create a falling flower effect when you move the mouse, when you move anywhere, there will be tiny flowers following it, making the Website more lively and less boring.
Join the channel Telegram belong to AnonyViet ? Link ? |
Method 1: Add the following code to your Website:
<script type="text/javascript" src="https://anonyviet.com/resource/mouse/mousehoa.js?v=4640385"></script>
Method 2:
Step 1: Add the code below to your Website
<script type="text/javascript" src="https://anonyviet.com/code-hoa-roi-theo-chuot/mousehoa.js?v=4640385"></script>
Step 2: You use Notepad to create a File with the name “mousehoa.js” with the content below. Put together with File “mousehoa.js” shared directory of your Web site’s files
$(document).on('mousemove', function(e) { function function_name(argument) { // body... } var xMouse = e.pageX; var yMouse = e.pageY; if (Math.random() < 0.1) { setTimeout(function() { var l = document.createElement("DIV"); var size = (Math.floor(Math.random() * (30 - 10)) + 10); l.style.width = size + "px"; l.style.height = size + "px"; l.style.backgroundImage = "url(https://anonyviet.com/resource/mouse/hoaroi.png)"; var bg_pos = (Math.floor(Math.random() * 4)); l.style.backgroundPosition = "0px -"+(size*bg_pos)+"px"; l.style.backgroundSize = size + "px "+4*size+"px" l.style.position = "absolute"; l.style.left = (xMouse) + "px"; l.style.top = (yMouse + 10) + "px"; l.style.zIndex = 9999; l.style.display = 'none'; document.body.appendChild(l); $(l).fadeIn(100); var stop = false; var hoaroi = function() { if (!stop) { setTimeout(function() { window.requestAnimationFrame(hoaroi); }, 20); l.style.top = (parseInt($(l).css('top'), 10) + 1) + "px"; if ((parseInt($(l).css('top'), 10)) % 10 == 0) { if (Math.random() < 0.5) { l.style.left = (parseInt($(l).css('left'), 10) + 1) + "px"; } else { l.style.left = (parseInt($(l).css('left'), 10) - 1) + "px"; } } } } window.requestAnimationFrame(hoaroi); $(l).fadeOut((Math.floor(Math.random() * (2500 - 1000)) + 1000), function() { $(l).remove(); stop = true; }); }, 50); } });