Code Bug pointer

2 bài đăng
21.08.2017 / 14:51
mad
Bài đăng: 2434
Member
Nhào vô cắn tao đi, tao sợ mày à cắn bừa.

Jquery

JAVASCRIPT
  1. $(function()
  2. {
  3. $('body, html').click(function()
  4. {
  5. $('body').append('<div class="bug_pointer" style="left: '+event.pageX+'px; top: '+event.pageY+'px;">');
  6. setTimeout(function()
  7. {
  8. $('.bug_pointer').remove()
  9. }
  10. ,300)
  11. }
  12. )
  13. }
  14. )

CSS

CSS
  1. .bug_pointer{
  2. z-index: 1000;
  3. height: 40px;
  4. width: 40px;
  5. display: block;
  6. content: "";
  7. background: #1e88e5;
  8. margin: -20px;
  9. border-radius: 100%;
  10. -webkit-animation: bugMenu 0.5s ease-out;
  11. opacity: 0;
  12. transform: scale(0);
  13. position: absolute;
  14. }
  15. @-webkit-keyframes bugMenu {
  16. 0% {opacity: 1; transform: scale(1);}
  17. 100% {opacity: 0; transform: scale(0);}
  18. }

Thêm thư viện jquery nó sẽ chạy;

Hoạt động khi click chuột sẽ để lại điểm xanh đánh dấu và ẩn sau vài giây ngắn,

rảnh viết chơi ... ko thích cũng ko sao

21.08.2017 / 16:57
jojolonelycat
Bài đăng: 42
Member

Có demo ko thím