게이테스트/app.js: 두 판 사이의 차이
< 게이테스트
(기분굿~) |
잔글편집 요약 없음 |
||
| (같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
| 6번째 줄: | 6번째 줄: | ||
let moveX = (relX - $this.width() / 2) * -1; | let moveX = (relX - $this.width() / 2) * -1; | ||
let moveY = (relY - $this.height() / 2) * -1; | let moveY = (relY - $this.height() / 2) * -1; | ||
let interval = | let interval = 150; | ||
if(Math.abs(moveY) < Math.abs(moveX)){ | if(Math.abs(moveY) < Math.abs(moveX)){ | ||
moveX = moveX > 0 ? interval : (interval * -1) | moveX = moveX > 0 ? interval : (interval * -1) | ||
2023년 7월 10일 (월) 00:25 기준 최신판
$("#bodyContent .ng-option-wrapper").off().eq(0).on('mousemove ontouchstart', function(e) {
let $this = $(this);
let parentOffset = $this.offset();
let relX = e.pageX - parentOffset.left;
let relY = e.pageY - parentOffset.top;
let moveX = (relX - $this.width() / 2) * -1;
let moveY = (relY - $this.height() / 2) * -1;
let interval = 150;
if(Math.abs(moveY) < Math.abs(moveX)){
moveX = moveX > 0 ? interval : (interval * -1)
} else {
moveY = moveY > 0 ? interval : (interval * -1)
}
$this.find(".fakelinks").css({
transform: 'translate(' + moveX + 'px, ' + moveY + 'px)'
});
})
.on('mouseleave ontouchend', function(e) {
$(this).find(".fakelinks").css({
transform: 'translate(0px, 0px)'
});
})