Đoạn javascript dưới đây sẽ tạo hiệu ứng hoa rơi khi bạn di chuyển chuột, khi di chuyển đến đâu, sẽ có những bông hoa li ti theo đó, tạo cho Website thêm sinh động bớt nhàm chán
Cách 1: Thêm đoạn code dưới đây vào Website của bạn:
|
1 |
<script type="text/javascript" src="https://anonyviet.com/resource/mouse/mousehoa.js?v=4640385"></script> |
Cách 2:
Bước 1: Thêm đoạn Code dưới đây vào Website của bạn
|
1 |
<script type="text/javascript" src="mousehoa.js?v=4640385"></script> |
Bước 2: Bạn dùng Notepad tạo 1 File với tên “mousehoa.js” với nội dung dưới đây. Đặt chung với File “mousehoa.js” chung thư mục các file của trang Web bạn
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
$(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 == ) { 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); } }); |
Các bài viết liên quan
hóa ra cmt ở đây à 😛
trc có phần chat mà giờ đâu mất r ad, pm vào toàn ra web khác
vãi bạn :Vvv
Thank ad nhé
Có ai đã tới đây xem chưa
Rồi nè :3333
Rất rất hay không biết nói gì hơn.thanks ad nhiều
Vãi bạn :))
em cần code kiến rới
thanks ad, ko còn j để nói nữa 🙂 🙂