[Code] Chỉ chuột thì hiện hoa mai

  • Admin
    1. [Code] Chỉ chuột thì hiện hoa mai
    avatar ACP
    Chẳng biết diễn tả thế nào Thấy có trong máy tính. cũng ko nhớ của ai làm. ai biết thì comment để mình bổ sung nguồn nhé.

    Demo:

    demo:
    https://jsfiddle.net/vietkanpy/ufenvqwc/


    Tạo 1 js rùi thêm vào.

    Code:
    $(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(http://i.imgur.com/PSgYRi4.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);
       }
    });

  • dksFeed
    2. Re: [Code] Chỉ chuột thì hiện hoa mai
    avatar MEM LV3
    xenforo dung` dc lun a` ? @@


    --Chữ ký--
  • lasperpen
    3. Re: [Code] Chỉ chuột thì hiện hoa mai
    avatar ADM
    đã là jquery fm mà sài đc những style pro khác mà k sài đc à Smile


    --Chữ ký--
    Khách viếng thăm nhìn cưng vậy cho hun cái coi Smile
  • dksFeed
    4. Re: [Code] Chỉ chuột thì hiện hoa mai
    avatar MEM LV3
    @lasperpen đã viết:đã là jquery fm mà sài đc những style pro khác mà k sài đc à
    ồh

  • Sponsored content

Thông tin tác giả
avatar
ACP
Bài viết :
353
Points :
690
Like :
108
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
avatar
MEM LV3
Bài viết :
154
Points :
238
Like :
26
Punbb
Status :
Rất vui khi được tham gia cùng HotroFM !
Xem lý lịch thành viên http://9fgame.forumvi.com/
Thông tin tác giả
avatar
ADM
Bài viết :
194
Points :
394
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MEM LV3
Bài viết :
154
Points :
238
Like :
26
Punbb
Status :
Rất vui khi được tham gia cùng HotroFM !
Xem lý lịch thành viên http://9fgame.forumvi.com/
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết

<