태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

레이어 5 - 뽀나쑤 둘

19년 전

레이어에 관한 소스 마지막입니다.
예전에 신기한 마술에 관한 플레쉬파일이 유행 했었는데
이 플레쉬를 자바스크립트로 만들어보았습니다.

10 에서 99 까지 두자리의 수를 생각합니다.
그리고 이 두자릿수의 각각의 수를 더합니다.
그리고 원래의 수에서 더한 수를 빼죠.
그리고 나온 수를 오른쪽 레이어에 해당하는 문자를 기억합니다.
그러고 나서 왼쪽 레이어를 클릭하면 생각한 문자를
떠올려줍니다.

예를 들어 45 를 생각했다 하면 4 + 5 해서 9 가 나오죠.
그럼 45 에서 9 를 뺍니다.
그럼 36 이 되나요?
36에 해당하는 문자를 오른쪽 레이어에서 보고 기억합니다.
그다음에 왼쪽 레이어를 클릭하면 기억한 그 문자를
왼쪽 레이어에 띄워줍니다.

원리만 알면 간단히 구현 할수 있는 스크립트입니다.

<html>
<title>
레이어 4 - 뽀나수
</title>

<head>
<script>

var pic = new Array('Σ','Δ','Φ','Ψ','Ω','γ','ζ','λ','Œ','Ж','Ю','ф','Ŋ','Æ');
var fi_st = '<font size=2>'
    + '1. 10~99까지 하나의 숫자를 생각한다.<br>'
    + '2. 만약 45를 선택했다면 4+5=9 가 되고 45-9를 해서 36이란 값을 얻는다.<br>'
    + '   그럼 오른쪽 36번옆에 그림이 있다.<br>'
    + '   그 그림을 머릿속으로 생각한다.<br>'
    + '3. 왼쪽 레이어를 마우스로 클릭하면 자신의 본 그림과 같은 그림이 나올것이다.</font>';

var sec_st = '<center><br><br><button onclick=\'maa()\'>Try again</button></center>';
at = '';
abc = false;
m = 0;
flag1 = false;

function maa()   {
    ran_sel = Math.floor(Math.random() * pic.length);
    at = pic[ran_sel];

    in_ht = '<table border=0>';

    for(i=99;i>=0;i--)  {
        if(i % 7 == 1) in_ht += '<tr>';

        if(i > 8 && i < 82 && i % 9 == 0)
               in_ht += '<td><font color=black size=3><b>' + i + '</b></font></td>' + '<td><font color=#a50000 size=5><b>' + pic[ran_sel] + '</b></font></td>';
        else {
            ran_sel2 = Math.floor(Math.random() * pic.length);
            in_ht += '<td><font color=black size=3><b>' + i + '</b></font></td>' + '<td><font color=#a50000 size=5><b>' + pic[ran_sel2] + '</b></font></td>';
            }

        if(i % 7 == 2) in_ht += '</tr>';
        }
    in_ht += '</table>';
    //alert(in_ht);
    document.all.viii.innerHTML = fi_st;
    document.all.vii.innerHTML = in_ht;
    document.all.vi.innerHTML = '<font size=4 color=#a50000><b><br><br><br>난<br> 니가 무슨 생각을<br> 하고 있는지 알고 있다.</b></font>';
    flag1 = true;
    }

function vi_pic()   {
    if(!flag1) return;
    document.all.vi.style.filter = 'alpha(opacity=0)';
    document.all.vi.innerHTML = at;
    abc = setInterval('vii_pic()',40);
    flag1 = false;
    }

function vii_pic()  {
   if(m < 100) {
          document.all.vi.style.filter = 'alpha(opacity=' + m + ')';
          m++;
          }
   else {
        clearTimeout(abc);
        m = 0;
        document.all.viii.innerHTML = sec_st;
        }
   }
</script>

<body onload='maa()'>

<div id=vi style='position:absolute;left:100;top:50;width:300;height:300;border:#999999 5 solid;font-size:200pt;font-color:black;font-family:궁서;filter:alpha(opacity=100);
padding-left:40;padding-top:0;background-color:#bbbbbb;cursor:hand' onclick='vi_pic();'>

</div>

<div id=vii style='position:absolute;left:500;top:50;width:400;height:500;border:#999999 5 solid;font-size:20pt;font-color:black;font-family:궁서;filter:alpha(opacity=100);
padding-left:10;padding-top:0;background-color:#bbbbbb'>

</div>

<div id=viii style='position:absolute;left:100;top:450;width:300;height:100;background-color:#bbbbbb;' valign=middle>

</div>

추천 목록

번호	제목
232	새창(공지) 띄우기
231	클릭하면 레이어로 새창 띄우기
230	자동 줄바꿈을 통한 테이블 크기 고정
229	iframe 대신 쓸수있는 오브젝트 1
228	팝업 창을 항상 위로 유지하는 방법
227	전체 화면 띄우기(선택)
226	초보분을위한 메타태그 설명서입니다.
	레이어 5 - 뽀나쑤 둘
224	레이어 4 - 뽀나쑤 하나
223	레이어 3 - 메뉴판때기.
222	레이어 3 - 레이어 안에 1000 개의 글자중에 틀린 글자를 찾아내는 소스입니다
221	이용하기 좋은 DisplayMenu 스크립트
220	새창이 뜰때 항상 위에 오게끔하는 스크립트
219	요일마다 다른게 보이는 문구
218	텍스트상자에 불러오는 값만 받을수 있게 하기
217	텍스트상자에 지정한 글자수가 채워지면 자동이동하기
216	세로형 배너 슬라이드
215	입력창 한글, 영어 자동 선택하게 만들기
214	풀스크린
213	이벤트 객체
212	수식입력후 한꺼번에 계산하는 계산기
211	각종 진법 변환
210	Host name 을 알려주는 스크립트
209	플러스인의 설치여부를 Alert 창으로 알려줍니다
208	사용자 브라우저의 자바 버전 알려주기
207	웹브라우저가 사용하는 언어를 알려줌
206	해상도를 alert박스로 알려줍니다
205	웹브아우저의 정보,해상도,등등..
204	웹브라우저 정보 2
203	웹브라우저 정보 1