Speed :1
New Score :0
High Score :0
New Score :0
High Score :0
Run Best
NICE BUSINESS TYPE INDICATOR
3. 급전을 친구에게 빌렸는데 오늘이 돈을 주기로 한날.. 그런데 카드값을 내야하는 날도 오늘인데... 이걸 어쩌나...
4. 우리 회사는 중요한 의사 결정을 할때?
5. 열심히 일한 나를 위한 선물을 주고싶다. 어떤게 좋을까?
6. 은행에서 투자상품을 추천받았다. 어떤걸 가입하지?
7. 회사에서의 나는?
8. 꿈에서 깨어나니 20년 전으로 돌아갔다. 당신이 제일 먼저 하는일은?
9. 내가 인사 담당자라면 신규 입사자 채용 시 제일 중요하게 보는것은?
10. 회사에 정말 싫어하는 동료가 있다면?
11. 가난한 집의 가장이 되었다.. 자녀의 생일 날 선물은?
12. 평소 회사 출근 스타일은?
13.회사 체육대회 하는 날이다. 오늘 뭐하지?
14. 나의 업무 스타일은?
<!doctype html>
<html lang="kr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
<title>Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript">
var device_width = 0; //접속 디바이스 width값을 저장하는 변수
var device_height = 0; //접속 디바이스 height값을 저장하는 변수
var width_position = 0;
var height_position = 0;
var tmpScrollTop_Y = 0;
//디바이스 사이즈를 구해서 변수에 저장
function device_size(){
device_width = viewportSize().width;
device_height = viewportSize().height;
tmpScrollTop_Y = device_height * 4;
}
function viewportSize(){
var size_div = document.createElement( "div" );
size_div.style.cssText = "position:fixed;top:0;left:0;bottom:0;right:0;";
document.documentElement.insertBefore(size_div, document.documentElement.firstChild );
var size_res = {width:size_div.offsetWidth, height:size_div.offsetHeight };
document.documentElement.removeChild(size_div);
return size_res;
}
/* swipeup */
$('.slide_box').on('swipeup',function(){
if($(".slide_box > div:first-child").css("top") != "0px"){
$('.slide_box .school_layout div').parents('.school_layout').animate({"top":'-='+device_height+''},"500");
}else{
return;
}
});
/* swipedown */
$('.slide_box').on('swipedown',function(){
if($(".slide_box > div:first-child").css("top") != tmpScrollTop_Y + "px"){
$('.slide_box .school_layout div').parents('.school_layout').animate({"top":'+='+device_height+''},"500");
}else{
return;
}
});
/* swipeleft */
$('.slide_box').on('swipeleft',function(){
if($(".slide_box > div:last-child").css("left") != "0px"){
$('.slide_box .school_layout').animate({"left":'-='+device_width+''},"500");
}else{
return;
}
});
/* swiperight */
$('.slide_box').on('swiperight',function(){
if($(".slide_box > div:first-child").css("left") != "0px"){
$('.slide_box .school_layout').animate({"left":'+='+device_width+''},"500");
}else{
return;
}
});
function drawDiv(){
var str = '';
for(var i=0; i < 5; i++ ){
str += '<div style="position:absolute;top:0px;left:'+width_position+'px;width:100%;">';
width_position += device_width;
height_position -= device_height;
pasteTxt += '<div style="position:absolute;top:'+height_position+'px;left:0;width:100%;">';
}
$('#divName').html(str);
}
</script>
</head>
<body>
</body>
</html>
728x90
반응형
