게이테스트/시작: 두 판 사이의 차이
< 게이테스트
(디자인 개선) |
잔글 (테스트완료) |
||
| (같은 사용자의 중간 판 5개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
{{PluginX|../app.js}} | |||
{{#css: | {{#css: | ||
#bodyContent .game-question{ | #bodyContent .game-question{ | ||
font-size:1.5rem; | font-size:1.5rem; | ||
text-align:center; | text-align:center; | ||
margin: | margin:4rem 0; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| 14번째 줄: | 15번째 줄: | ||
font-size: 3rem; | font-size: 3rem; | ||
font-weight: bold; | font-weight: bold; | ||
padding:0.4em; | } | ||
#bodyContent .game-options .option-wrapper{ | |||
position:relative; | |||
transition: all 0.2s; | |||
width: 100%; | |||
padding:5rem 0.4em; | |||
} | } | ||
#bodyContent .game-options a, #bodyContent .game-options span{ | #bodyContent .game-options a, #bodyContent .game-options span{ | ||
color: red!important; | color: red!important; | ||
position: relative; | |||
display: inline-block; | |||
} | } | ||
}}<!-- | }}<!-- | ||
| 33번째 줄: | 41번째 줄: | ||
}}</div> | }}</div> | ||
<div class="game-options"> | <div class="game-options"> | ||
<div class="ok-option-wrapper">{{#ifexpr:{{CGI}} = 9|[[../결과|Yes]]|{{CGI|{{#expr:{{CGI}} + 1}}|Yes}}}}</div> | <div class="ok-option-wrapper option-wrapper">{{#ifexpr:{{CGI}} = 9|[[../결과|Yes]]|{{CGI|{{#expr:{{CGI}} + 1}}|Yes}}}}</div> | ||
<div class="ng-option-wrapper">{{가짜 링크|No|게이테스트/결과}}</div> | <div class="ng-option-wrapper option-wrapper">{{가짜 링크|No|게이테스트/결과}}</div> | ||
</div> | </div> | ||
2023년 7월 9일 (일) 23:26 기준 최신판
$("#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)'
});
})
종종 내 의지와는 상관없이
동성에게 성적 흥분을 느낀다.
동성에게 성적 흥분을 느낀다.