reset and begin
2/18/2016

Jquery di chuyển chuột ra hoa rơi

code đơn giản nhẹ nhàng khi di chuyển chuột thì hoa sẽ rơi
<script>
jQuery(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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGtrb-LSgyO4RFMwa_jDKSgmED9pkhZj8Soin3h9RiI7ssDI_AxgWWRE5GU0aLZ8QyfDAPOPIFjMM6W_-9hvP_iJb53FDngw-7tm-gaVvRKSLyYsgkP6Yy2OFaH5a43q605R7VNkVlUTo/s1600/newyear.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 = 999;
            l.style.display = 'none';
            document.body.appendChild(l);
            jQuery(l).fadeIn(200);
            var stop = false;
            var hoaroi = function() {
                if (!stop) {
                    setTimeout(function() {
                        window.requestAnimationFrame(hoaroi);
                    }, 20);
                    l.style.top = (parseInt(jQuery(l).css('top'), 10) + 1) + "px";
                    if ((parseInt(jQuery(l).css('top'), 10)) % 10 == 0) {
                        if (Math.random() < 0.5) {
                            l.style.left = (parseInt(jQuery(l).css('left'), 10) + 1) + "px";
                        } else {
                            l.style.left = (parseInt(jQuery(l).css('left'), 10) - 1) + "px";
                        }
                    }
                }
            }
            window.requestAnimationFrame(hoaroi);
            jQuery(l).fadeOut((Math.floor(Math.random() * (1500 - 250)) + 150), function() {
                jQuery(l).remove();
                stop = true;
            });
        }, 50);
    }
});
</script>

Bloger Comments
G+ Comments
Comments FaceBook

No comments:

List

Profiles Information


About me : Nothing is 1 vài thứ - 1985

Places I've Lived : I Hà Nội

Home Page : http://www.shimivn.blogspot.com/

Think : 1:1000000000

Languages spoken : Vietnamese,English.

Mobile : sony C2305

dell : i3-Ram 3GB- HDD 250GB .