'2008/01/29'에 해당되는 글 150건

  1. 2008.01.29 앞으로, 뒤로 가기를 마우스 휠로.
  2. 2008.01.29 프레임 화면이 아닌 페이지 접근시 차단이나 다른 페이지로 이동
  3. 2008.01.29 접속시마다 백그라운드 이미지 랜덤으로 바꾸기
  4. 2008.01.29 그라데이션 툴팁 만들기
  5. 2008.01.29 공지용 하루에 한번씩 새창(?) 열기.
  6. 2008.01.29 toggle(토글)... 숨겼다 보여줬다...
  7. 2008.01.29 톱스타 김희선 10월19일 결혼 확정
  8. 2008.01.29 추석 안방극장, '괴물' '타짜' '미녀~' 뭘 볼까 ?
  9. 2008.01.29 트로트 스타 김수희, 뺑소니 교통사고 의혹
  10. 2008.01.29 유니코드/아스키코드 Keycode 값.
  11. 2008.01.29 페이지 로딩 및 마우스 오버시 사운드
  12. 2008.01.29 마우스 따라다니는 시계
  13. 2008.01.29 위에서 아래로 떨어지는 메뉴
  14. 2008.01.29 스크롤바 움직여도 떠 있는 이미지 (레이어)
  15. 2008.01.29 텍스트 네온사인 효과
  16. 2008.01.29 비밀번호 스크립트로 연결될 페이지와 비번을 암호화.(강추)
  17. 2008.01.29 텍스트 필드, Textarea, Radiobutton, Checkbox등을 disabled 옵션
  18. 2008.01.29 청약가점, 계산하기 너무 어려워요
  19. 2008.01.29 방문객의 아이피(IP)를 내 홈에 달아보자.
  20. 2008.01.29 텍스트 카운팅....?
  21. 2008.01.29 진화하는 낚시질 … 눈 뜨고 당한다
  22. 2008.01.29 9/11 테러 패러디, 금연 홍보 광고 논란
  23. 2008.01.29 공지창 쿠키 이용해 하루에 한번만....
  24. 2008.01.29 무려 25m 세계서 가장 긴 중국버스
  25. 2008.01.29 윈도우를 살포시 흔들어보자.
  26. 2008.01.29 텍스트 다이나믹 애니메이션
  27. 2008.01.29 대리모 - 열 달 갇혀 살고 6천만원 수중에
  28. 2008.01.29 여성비하발언 윤종신 '시청자 사과' 중징계
  29. 2008.01.29 포토샵 글자효과 배우기 1
  30. 2008.01.29 한국 네티즌들, 아이팟 터치 한글자판 직접 만들었다

사용법은. 마우스 중간 버튼을 누르고 휠을 굴리면 됩니다.
아래로 굴리면 뒤로, 위로 굴리면 앞으로.
IE 6.0에서만 테스트를 해봐서 이하버전에서는 잘될지 모르겠네요.

아직은 약간의 문제가 있습니다.
휘을 틱틱(휠굴리는소리;) 두번굴려야 휠굴리는것을 감지합니다.

<SCRIPT LANGUAGE="JScript">
function HistoryGo()
{
        if(event.button == "4") {
                if (event.wheelDelta >= 120) {
                        history.forward();
                } else if (event.wheelDelta <= -120) {
                        history.back();
                }
        }
}
</SCRIPT>

<BODY onmousewheel="HistoryGo()">


http://oxtag.com/html/ex/mouse/mousewheel1.html

Posted by 알 수 없는 사용자
,
<form action=http://oxtag.com method=post name=camelot>
<input type=hidden name=mainURL value=http://oxtag.com/>
</form>
<script language=javascript>if (parent==self) { document.camelot.submit();}</script>

여기서 action은 연결 시킬 프레임 주소를 넣으세요. value도 마찬가지....

간단히 설명하자면 태그피아는 프레임으로 나눠져 있습니다.
근데.. 무단 링크나 소스를 볼려고 http://oxtag.com/html/xx.html 이런식으로 접근 할경우
xx.html 최 상단에 위 소스를 넣으면 프레임 화면으로 연결을 시켜줍니다.
즉, 직접 문서에 접근 하는 것을 막아 주는 소스죠.











Posted by 알 수 없는 사용자
,
소스는 아주 간단합니다.

접속시마다 배경 이미지가 자동으로 랜덤하게 변합니다.

아래 이미지 경로만 추가하면 되여. 설명은 필요 없겠죠.

<SCRIPT LANGUAGE="JavaScript">
<!--
var bg_img = ["http://oxtag.com/html/img/bgm_back.gif", "http://oxtag.com/html/img/bg1.gif", "http://oxtag.com/html/img/flag_korea.gif", "http://oxtag.com/html/img/model.jpg", "http://oxtag.com/html/img/angel.gif"];
var index=Math.round(bg_img.length*Math.random());
document.write('<body background="'+bg_img[index]+'" bgcolor="#FFFFFF">')
//-->
</SCRIPT>
Posted by 알 수 없는 사용자
,


http://oxtag.com/html/ex/tooltip.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<TITLE>  </TITLE>
<style>
body,span,td,div {font-size:9pt;}
</style>

<!---- 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->

<SCRIPT>
var popWin = window.createPopup();
function callme()
{
    if (event.srcElement.id=="first")
        popWin.document.body.innerHTML = ofirst.innerHTML;
    else if (event.srcElement.id=="second"){
        popWin.document.body.innerHTML = osecond.innerHTML;}    
    var popupBody = popWin.document.body;
 popWin.show(0, 0, 300, 50);
    var realHeight = popupBody.scrollHeight;
 popWin.hide();
    popWin.show(0, 15 , 300, realHeight, event.srcElement);
}
</SCRIPT>

<!------------------------- 여기까지 ---------------------------------->

</HEAD>

<BODY>

<!---- 아래의 방법으로 원하는 위치에 복사 해 넣으세요. 마우스 오버시 나타나게 할려면 ONCLICK 대신 onmouseover를 사용. ------------------>

효과를 보시려면 <b><SPAN ID="first" ONCLICK="callme();" style=cursor:e-resize;>여기</SPAN></b> 나 <b><SPAN ID="second" ONCLICK="callme();" style=cursor:e-resize>여기</SPAN></b>를 클릭 하세요.

<DIV STYLE="display:none;">

 <DIV ID="ofirst">
  <DIV STYLE="background:#ffffcc; border:1px solid black; padding:4px; width:300px; font-family:verdana; font-size:70%; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='yellowgreen', EndColorStr='#FFFFFF')">
  <B>첫번째 풍선도움말</B>
  <BR>
  그라데이션 필터를 사용하였답니다
  </DIV>
    </DIV>

 <DIV ID="osecond">
  <DIV STYLE="background:#ffffcc; border:1px solid black; padding:4px; font-family:verdana; font-size:70%; width:300px;     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0099FF', EndColorStr='#00FFFF')">
  <B>두번째 풍선도움말</B>
  <BR>
  역시 그라데이션을 입혔네요<br>
  여러가지 색상을 입혀 멋지게 꾸며 보세요<br>
  빠빠이~!
  </DIV>
    </DIV>

</DIV>

<!------------------------- 여기까지 ---------------------------------->

</BODY>
</HTML>

Posted by 알 수 없는 사용자
,
Posted by 알 수 없는 사용자
,

http://oxtag.com/html/ex/toggle.html

<script>
function toggle(el)  {
 if (el.style.display == 'none'){
        el.filters.blendTrans.Apply();
    el.style.display = '';
        el.filters.blendTrans.Play()
 }
 else {
        el.filters.blendTrans.Apply();
    el.style.display = 'none';
        el.filters.blendTrans.Play()
 }
}
</script>
</head>
<body>
<SPAN style='CURSOR: hand' onclick='toggle(abc);'><font size=2>show</font></span>
<div id='abc' style='display:inline;width:100%;filter:blendTrans(Duration=0.5)'>
<table width=300 height=30 bgcolor=737373>
 <tr><td style=font-size:9pt align=center>
         show 클릭시 사라짐. 재 클릭시 보여줌.
 </tr></td>
</table>
</div>
Posted by 알 수 없는 사용자
,
사용자 삽입 이미지

결혼 날짜를 놓고 조율 중이던 톱스타 김희선이 10월19일 결혼한다.

김희선은 10월19일 오후 6시 서울 광장동 쉐라톤워커힐 애쉬튼 하우스에서 네 살 연상의 사업가 박주영 씨와 화촉을 밝힌다.

지난달 초만 해도 "결혼식 날짜와 장소가 아직 확정되지 않았다"고 밝혔던 김희선의 소속사 인하우스엔터테인먼트는 19일 "그간 우여곡절이 많았는데 10월19일로 예식 날짜가 최종 확정됐다. 김희선 씨가 조만간 자신의 인터넷 홈페이지를 통해 발표할 것"이라고 밝혔다.

결혼식 주례와 사회는 아직 정해지지 않았다.

예비신랑 박주영 씨는 중견 건설업체인 락산그룹 박성관 회장의 차남으로 한양대 법대를 졸업하고 현재 서울 압구정동에서 T에스테틱을 운영하고 있다. 박씨는 지난해 남성잡지인 '멘즈헬스'에 '몸짱'으로 소개될 만큼 훨친한 키와 매끈한 몸매, 연예인 같은 외모를 자랑한다.

두 사람은 지난해 지인의 소개로 만나 1년 넘게 교제해왔다.

인하우엔터테인먼트는 "양가 친척 250명만 초청해 비공개로 결혼식을 치를 예정"이라고 전했다.

고등학생 시절 SBS '인기가요' MC를 통해 연예계에 데뷔한 김희선은 이후 '완벽 미인'이라는 닉네임과 함께 TV 드라마 '토마토' '프로포즈' '해바라기' '미스터큐' '목욕탕집 남자들' 등을 통해 최고의 스타로 부상했다. 또한 '한류' 붐을 일으킨 원조로 중국에서 가장 먼저 인기를 얻은 연예인이기도 하다.

Posted by 알 수 없는 사용자
,

사용자 삽입 이미지

지난해 개봉한 화제작 대거 TV편성

추석연휴 안방극장 더 이상 20대 성룡이 튀어나오는 ‘취권’도 없고 대사까지 달달 외울 지경인 ‘나홀로 집에’는 없다. 올해 추석연휴 지상파 3사의 안방극장은 ‘괴물’과 ‘타짜’, ‘미녀는 괴로워’등 지난해 개봉한 한국영화 흥행 1~3위 작품이 한꺼번에 방송된다.

특히 KBS는 무려 12억원의 거액을 투입 ‘괴물’(26일 밤 9시 30분 방송)의 지상파 방송 판권을 구입했고, 지난해 추석 연휴기간 개봉해 680만 관객을 동원한 ‘타짜’(24일 밤 9시 30분)의 판권 구입에도 성공했다. KBS는 연말 시상식 남자신인상, 신인감독상을 휩쓴 ‘천하장사 마돈나’(25일 9시 30분), 다니엘 헤니, 엄정화의 ‘미스터 로빈꼬시기’(26일 밤 11시 50분)까지 편성하며 한가위 TV극장편성에 공을 들였다.

SBS는 ‘미녀는 괴로워’(25일 밤 9시 30분)를 잡는데 성공했고 지난해 추석 개봉한 성룡의 최신작 ‘BB프로젝트’도 방송한다.

MBC는 장진 감독, 정준호, 정재영 주연의 ‘거룩한 계보’(25일 11시 45분), 김수로 주연의 ‘잔혹한 출근’(22일 밤 10시 40분), 나문희 설경구 조한선(23일 11시 30분)의 '열혈남아'를 추석연휴기간 방송한다.

MBC가 추석을 위해 구입한 영화들 역시 모두 지난해 개봉한 최신 작품이지만 KBS와 SBS의 라인업이 워낙 좋아 상대적으로 특집영화가 화려하게 느껴지지 않을 정도다.

지상파 방송3사는 예전과 달리 케이블 영화전문 채널과 경쟁 등으로 최대한 빨리 최신 영화의 판권을 구입, 추석 등 연휴에 집중적으로 편성하고 있다.

하지만 이미 극장과 DVD를 통해 영화를 본 관객도 늘어나 명절 특집영화의 시청률은 계속 떨어지고 있다. 지난 2월 설 연휴기간 지상파 채널에서 방송된 영화는 ‘왕의남자’, ‘달콤 살벌한 연인’, ‘한반도’, ‘야연’, ‘국경의 남쪽’, ‘청춘만화’, 나의 결혼 원정기‘등 극장 부럽지 않은 최신작품 이었지만 ’왕의남자‘, ’맨발의 기봉이‘, ’일본침몰‘ 3편을 제외하고 10% 이상 시청률을 기록하지 못했었다

Posted by 알 수 없는 사용자
,

사용자 삽입 이미지

트로트 스타 김수희가 뺑소니 교통사고에 휩싸여 의혹이 일고 있다.

김수희는 자신이 탑승한 차량이 지난 14일 오후 8시경 서울 서빙고동의 한강중학교 부근에서 음주단속중이던 의경을 치고 그대로 진행한 뺑소니로 오인받은 것으로 알려졌다. 이 사고로 인해 당시 음주단속중이던 용산경찰서 소속 이모 의경은 허리와 다리 타박상 등 부상을 입어 서울 동부이촌동의 아산병원에서 입원치료를 받는 중이다.

용산경찰서 관계자에 따르면 당시 김수희 차량을 운전한 운전자는 경찰 진술에서 "공연에 급히 가는 길이어서 사고가 일어난 줄 몰랐다"고 뺑소니를 부인한 것으로 전해졌다. 경찰 진술을 통해 당시 상황을 충분히 설명했다는 입장이다. 반면 사고를 당한 의경 측은 명백한 뺑소니를 주장하고 있어 의견이 엇갈리는 중이다.

뺑소니 여부는 김수희가 사고 차량에 탑승했는지의 여부와도 밀접하게 관련돼 있어 추가 조사가 필요하다는 입장. 경찰 역시 "조사가 진행중이기 때문에 아직은 뭐라고 확실히 말할 수 있는 단계가 아니다"라고 입장을 유보하면서 "양 측의 진술이 엇갈리고 있는 상황이라 목격자 등 추가 조사가 필요하다"고 덧붙였다.

김수희는 지난 13일 서울 장충동 장충체육관에서 열린 MBC 특별공연 '쇼뮤지컬 추석판타지' 리허설에 출연하는 등 최근 본격적인 활동 재개에 나선 상태였다.

Posted by 알 수 없는 사용자
,

키 코드 : http://oxtag.com/html/ex/keycode.html


유니코드 : http://oxtag.com/php/p/unicode/unicode.php



싸이월드 폴더 꾸미기

유니코드로 변환을 하고 &#로 시작되는 숫자 들을 폴더명에 써넣으시면 됩니다

입력 &#3+2+1+3+4 와 같이 +는 제외하시구요 -


ꊒ ꊓ ꊔ ꊕ ꊖ ꊗ ꊘ ꊙ ꊚ ꊛ
ꊈ ꊉ ꊊ ꊋ ꊌ ꊍ ꊎ ꊏ ꊐ ꊑ
ꊦ ꊧ ꊨ ꊩ ꊪ ꊫ ꊬ ꊭ ꊮ ꊯ
ꊝ ꊞ ꊟ ꊠ ꊡ ꊢ ꊣ ꊤ ꊥ
ꋍ ꋎ ꋏ ꋐ ꋑ ꋒ ꋓ ꋔ ꋕ ꋖ
ꋠ ꋡ ꋢ ꋣ ꋤ ꋥ ꋦ ꋧ ꋨ ꋩ
ꊰ ꊱ ꊲ ꊳ ꊴ ꊵ ꊶ ꊷ ꊸ ꊹ
ꊺ ꊻ ꊼ ꊽ ꊾ ꊿ ꋀ ꋁ ꋂ
꓌ ꓍ ꓎ ꓏ ꓐ ꓑ ꓒ ꓓ ꓔ ꓕ
꒐ ꒑ ꒒ ꒓ ꒔ ꒕ ꒖ ꒗ ꒘ ꒙
꒮ ꒯ ꒰ ꒱ ꒲ ꒳ ꒴ ꒵ ꒶ ꒷
꓂ ꓃ ꓄ ꓅ ꓆ ꓇ ꓈ ꓉ ꓊ ꓋
ꓖ ꓗ ꓘ ꓙ ꓚ ꓛ ꓜ ꓝ ꓞ ꓟ
ꓪ ꓫ ꓬ ꓭ ꓮ ꓯ ꓰ ꓱ ꓲ ꓳ
ꓠ ꓡ ꓢ ꓣ ꓤ ꓥ ꓦ ꓧ ꓨ ꓩ
① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮
⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂

ꈂ ꈃ ꈄ ꈅ ꈆ ꈇ ꈈ ꈉ ꈊ ꈋ ꈌ ꈍ ꈎ ꈏ ꈐ ꈑ ꈒ ꈓ ꈔ ꈕ
ꉭ ꉮ ꉯ ꉰ ꉱ ꉲ ꉳ ꉴ ꉵ ꉶ ꉷ ꉸ ꉹ ꉺ ꉻ ꉼ ꉽ ꉾ ꉿ ꊀ
ꆗ ꆘ ꆙ ꆚ ꆛ ꆜ ꆝ ꆞ ꆟ ꆠ ꆡ ꆢ ꆣ ꆤ ꆥ ꆦ ꆧ ꆨ ꆩ ꆪ
ꄽ ꄾ ꄿ ꅀ ꅁ ꅂ ꅃ ꅄ ꅅ ꅆ
㊀ ㊁ ㊂ ㊃ ㊄ ㊅ ㊆ ㊇ ㊈ ㊉
㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩
㆒ ㆓ ㆔ ㆕ ㆖ ㆗ ㆘ ㆙ ㆚ ㆛
ꈖ ꈗ ꈘ ꈙ ꈚ ꈛ ꈜ
ꊁ ꊂ ꊃ ꊄ ꊅ ꊆ ꊇ
ꆫ ꆬ ꆭ ꆮ ꆯ ꆰ ꆱ
㊊ ㊋ ㊌ ㊍ ㊎ ㊏ ㊐
㈪ ㈫ ㈬ ㈭ ㈮ ㈯ ㈰

㋀ ㋁ ㋂ ㋃ ㋄ ㋅ ㋆ ㋇ ㋈ ㋉ ㋊ ㋋
㏠ ㏡ ㏢ ㏣ ㏤ ㏥ ㏦ ㏧ ㏨ ㏩ ㏪ ㏫ ㏬ ㏭ ㏮
㏯ ㏰ ㏱ ㏲ ㏳ ㏴ ㏵ ㏶ ㏷ ㏸ ㏹ ㏺ ㏻ ㏼ ㏽ ㏾
㍘ ㍙ ㍚ ㍛ ㍜ ㍝ ㍞ ㍟ ㍠ ㍡ ㍢ ㍣ ㍤ ㍥ ㍦ ㍧ ㍨ ㍩ ㍪ ㍫ ㍬ ㍭ ㍮ ㍯ ㍰

ꆲ ꆳ ꆴ ꆵ ꆶ ꆷ ꆸ ꆹ ꆺ ꆻ ꆼ ꆽ ꆾ
ꆿ ꇀ ꇁ ꇂ ꇃ ꇄ ꇅ ꇆ ꇇ ꇈ ꇉ ꇊ ꇋ
ꇌ ꇍ ꇎ ꇏ ꇐ ꇑ ꇒ ꇓ ꇔ ꇕ ꇖ ꇗ ꇘ
ꇙ ꇚ ꇛ ꇜ ꇝ ꇞ ꇟ ꇠ ꇡ ꇢ ꇣ ꇤ ꇥ
ꈝ ꈞ ꈟ ꈠ ꈡ ꈢ ꈣ ꈤ ꈥ ꈦ ꈧ ꈨ ꈩ
ꈪ ꈫ ꈬ ꈭ ꈮ ꈯ ꈰ ꈱ ꈲ ꈳ ꈴ ꈵ ꈶ
ꈷ ꈸ ꈹ ꈺ ꈻ ꈼ ꈽ ꈾ ꈿ ꉀ ꉁ ꉂ ꉃ
ꉄ ꉅ ꉆ ꉇ ꉈ ꉉ ꉊ ꉋ ꉌ ꉍ ꉎ ꉏ ꉐ
ꍽ ꍾ ꍿ ꎀ ꎁ ꎂ ꎃ ꎄ ꎅ ꎆ ꎇ ꎈ ꎉ
ꎊ ꎋ ꎌ ꎍ ꎎ ꎏ ꎐ ꎑ ꎒ ꎓ ꎔ ꎕ ꎖ
ꅇ ꅈ ꅉ ꅊ ꅋ ꅌ ꅍ ꅎ ꅏ ꅐ ꅑ ꅒ ꅓ
ꅔ ꅕ ꅖ ꅗ ꅘ ꅙ ꅚ ꅛ ꅜ ꅝ ꅞ ꅟ ꅠ
ꅡ ꅢ ꅣ ꅤ ꅥ ꅦ ꅧ ꅨ ꅩ ꅪ ꅫ ꅬ ꅭ
ꅮ ꅯ ꅰ ꅱ ꅲ ꅳ ꅴ ꅵ ꅶ ꅷ ꅸ ꅹ ꅺ
ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ
ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ
⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤ ⒥ ⒦ ⒧ ⒨
⒩ ⒪ ⒫ ⒬ ⒭ ⒮ ⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵
a b c d e f g h i j k l m
n o p q r s t u v w x y z

ꂛ ꂜ ꂝ ꂞ ꂟ ꂠ ꂡ ꂢ ꂣ ꂤ ꂥ ꂦ ꂧ ꂨ
ꆉ ꆊ ꆋ ꆌ ꆍ ꆎ ꆏ ꆐ ꆑ ꆒ ꆓ ꆔ ꆕ ꆖ
ꇴ ꇵ ꇶ ꇷ ꇸ ꇹ ꇺ ꇻ ꇼ ꇽ ꇾ ꇿ ꈀ ꈁ
ꉟ ꉠ ꉡ ꉢ ꉣ ꉤ ꉥ ꉦ ꉧ ꉨ ꉩ ꉪ ꉫ ꉬ
㉮ ㉯ ㉰ ㉱ ㉲ ㉳ ㉴ ㉵ ㉶ ㉷ ㉸ ㉹ ㉺ ㉻
㈎ ㈏ ㈐ ㈑ ㈒ ㈓ ㈔ ㈕ ㈖ ㈗ ㈘ ㈙ ㈚ ㈛
ꂩ ꂪ ꂫ ꂬ ꂭ ꂮ ꂯ ꂰ ꂱ ꂲ
ꃳ ꃴ ꃵ ꃶ ꃷ ꃸ ꃹ ꃺ ꃻ ꃼ
ꇦ ꇧ ꇨ ꇩ ꇪ ꇫ ꇬ ꇭ ꇮ ꇯ ꇰ ꇱ ꇲ ꇳ
ꅻ ꅼ ꅽ ꅾ ꅿ ꆀ ꆁ ꆂ ꆃ ꆄ ꆅ ꆆ ꆇ ꆈ
ꉑ ꉒ ꉓ ꉔ ꉕ ꉖ ꉗ ꉘ ꉙ ꉚ ꉛ ꉜ ꉝ ꉞ
㈀ ㈁ ㈂ ㈃ ㈄ ㈅ ㈆ ㈇ ㈈ ㈉ ㈊ ㈋ ㈌ ㈍
㉠ ㉡ ㉢ ㉣ ㉤ ㉥ ㉦ ㉧ ㉨ ㉩ ㉪ ㉫ ㉬ ㉭

ꂳ ꂴ ꂵ ꂶ ꂷ ꂸ ꂹ ꂺ ꂻ ꂼ ꂽ ꂾ ꂿ ꃀ ꃁ ꃂ
ꃃ ꃄ ꃅ ꃆ ꃇ ꃈ ꃉ ꃊ ꃋ ꃌ ꃍ ꃎ ꃏ ꃐ ꃑ ꃒ
ꃓ ꃔ ꃕ ꃖ ꃗ ꃘ ꃙ ꃚ ꃛ ꃜ ꃝ ꃞ ꃟ ꃠ ꃡ ꃢ
ꃣ ꃤ ꃥ ꃦ ꃧ ꃨ ꃩ ꃪ ꃫ ꃬ ꃭ ꃮ ꃯ ꃰ ꃱ ꃲ
ꃽ ꃾ ꃿ ꄀ ꄁ ꄂ ꄃ ꄄ ꄅ ꄆ ꄇ ꄈ ꄉ ꄊ ꄋ ꄌ
ꄍ ꄎ ꄏ ꄐ ꄑ ꄒ ꄓ ꄔ ꄕ ꄖ ꄗ ꄘ ꄙ ꄚ ꄛ ꄜ
ꄝ ꄞ ꄟ ꄠ ꄡ ꄢ ꄣ ꄤ ꄥ ꄦ ꄧ ꄨ ꄩ ꄪ ꄫ ꄬ
ꄭ ꄮ ꄯ ꄰ ꄱ ꄲ ꄳ ꄴ ꄵ ꄶ ꄷ ꄸ ꄹ ꄺ ꄻ ꄼ

ꍟ ꍠ ꍡ ꍢ ꍣ ꍤ ꍥ ꍦ ꍧ ꍨ ꍩ ꍪ
ꍯ ꍺ ꍻ ꍼ ꎗ ꎘ ꎙ ꎚ ꎛ ꎜ ꎝ ꎧ ꎨ ꏁ ꏂ ꎯ
ꍫ ꍬ ꍭ ꍮ ꎞ ꎟ ꎠ ꎡ ꎪ
ꍰ ꍱ ꍲ ꍳ ꍴ ꍵ ꍶ ꍷ ꍸ ꍹ ꎼ ꎽ ꎾ ꎿ ꎮ ꎰ ꎲ ꎬ
ꎢ ꎣ ꎤ ꎥ ꎦ ꎩ ꎫ ꎭ ꎱ ꎳ ꎶ ꎷ ꎸ ꎹ ꎺ ꎻ ꏀ ꏃ ꏄ

困 囷 囹 固 囿 圁 圂 圃 圄 圈 圉 圊
國 圍 園 圓 圖 團 圜 囚 因 囦 囫 囮
囘 囙 囜 囝 囡 团 団 囤 囥 囧 囨 囩 囪 囬 园 囯 囱 囲 図 围 囵 囶
囸 囻 囼 国 图 圀 圅 圆 圇 圌 圎 圏 圐 圑 圔 圕 圗 圙 圚 圛 圝 圞
㈱ ㈲ ㈳ ㈴ ㈵ ㈶ ㈷ ㈸ ㈹ ㈺ ㈻ ㈼ ㈽ ㈾ ㈿ ㉀ ㉁ ㉂ ㉃
㊑ ㊒ ㊓ ㊔ ㊕ ㊖ ㊗ ㊘ ㊙ ㊚ ㊛ ㊜ ㊝ ㊞ ㊟ ㊠
㊡ ㊢ ㊣ ㊤ ㊥ ㊦ ㊧ ㊨ ㊩ ㊪ ㊫ ㊬ ㊭ ㊮ ㊯ ㊰

㋐ ㋑ ㋒ ㋓ ㋔ ㋕ ㋖ ㋗ ㋘ ㋙ ㋚ ㋛ ㋜ ㋝ ㋞ ㋟ ㋠ ㋡ ㋢ ㋣ ㋤ ㋥ ㋦ ㋧
㋨ ㋩ ㋪ ㋫ ㋬ ㋭ ㋮ ㋯ ㋰ ㋱ ㋲ ㋳ ㋴ ㋵ ㋶ ㋷ ㋸ ㋹ ㋺ ㋻ ㋼ ㋽ ㋾

㌀ ㌁ ㌂ ㌃ ㌄ ㌅ ㌆ ㌇ ㌈ ㌉ ㌊ ㌋ ㌌ ㌍ ㌎ ㌏ ㌐ ㌑ ㌒ ㌓ ㌔ ㌕
㌖ ㌗ ㌘ ㌙ ㌚ ㌛ ㌜ ㌝ ㌞ ㌟ ㌠ ㌡ ㌢ ㌣ ㌤ ㌥ ㌦ ㌧ ㌨ ㌩ ㌪ ㌫
㌬ ㌭ ㌮ ㌯ ㌰ ㌱ ㌲ ㌳ ㌴ ㌵ ㌶ ㌷ ㌸ ㌹ ㌺ ㌻ ㌼ ㌽ ㌾ ㌿ ㍀ ㍁
㍂ ㍃ ㍄ ㍅ ㍆ ㍇ ㍈ ㍉ ㍊ ㍋ ㍌ ㍍ ㍎ ㍏ ㍐ ㍑ ㍒ ㍓ ㍔ ㍕ ㍖ ㍗

ᐰ ᐱ ᐲ ᐳ ᐴ ᐵ ᐶ ᐷ ᐸ ᐹ ᐺ ᐻ ᐼ ᐽ ᐾ ᐿ ᑀ ᑁ ᑂ ᑃ ᑄ ᑅ ᑆ ᑇ ᑈ ᑉ ᑊ ᑋ ᑌ ᑍ ᑎ ᑏ
ᑐ ᑑ ᑒ ᑓ ᑔ ᑕ ᑖ ᑗ ᑘ ᑙ ᑚ ᑛ ᑜ ᑝ ᑞ ᑟ ᑠ ᑡ ᑢ ᑣ ᑤ ᑥ ᑦ ᑧ ᑨ ᑩ ᑪ ᑫ ᑬ ᑭ ᑮ ᑯ
ᑰ ᑱ ᑲ ᑳ ᑴ ᑵ ᑶ ᑷ ᑸ ᑹ ᑺ ᑻ ᑼ ᑽ ᑾ ᑿ ᒀ ᒁ ᒂ ᒃ ᒄ ᒅ ᒆ ᒇ ᒈ ᒉ ᒊ ᒋ ᒌ ᒍ ᒎ ᒏ
ᒐ ᒑ ᒒ ᒓ ᒔ ᒕ ᒖ ᒗ ᒘ ᒙ ᒚ ᒛ ᒜ ᒝ ᒞ ᒟ ᒠ ᒡ ᒢ ᒣ ᒤ ᒥ ᒦ ᒧ ᒨ ᒩ ᒪ ᒫ ᒬ ᒭ ᒮ ᒯ
ᓐ ᓑ ᓒ ᓓ ᓔ ᓕ ᓖ ᓗ ᓘ ᓙ ᓚ ᓛ ᓜ ᓝ ᓞ ᓟ ᓠ ᓡ ᓢ ᓣ ᓤ ᓥ ᓦ ᓧ ᓨ ᓩ ᓪ ᓫ ᓬ ᓭ ᓮ ᓯ
ᓰ ᓱ ᓲ ᓳ ᓴ ᓵ ᓶ ᓷ ᓸ ᓹ ᓺ ᓻ ᓼ ᓽ ᓾ ᓿ ᔐ ᔑ ᔒ ᔓ ᔔ ᔕ ᔖ ᔗ ᔘ ᔙ ᔚ ᔛ ᔜ ᔝ ᔞ ᔟ
ᔠ ᔡ ᔢ ᔣ ᔤ ᔥ ᔦ ᔧ ᔨ ᔩ ᔪ ᔫ ᔬ ᔭ ᔮ ᔯ ᔰ ᔱ ᔲ ᔳ ᔴ ᔵ ᔶ ᔷ ᔸ ᔹ ᔺ ᔻ ᔼ ᔽ ᔾ ᔿ
ᕀ ᕁ ᕂ ᕃ ᕄ ᕅ ᕆ ᕇ ᕈ ᕉ ᕊ ᕋ ᕌ ᕍ ᕎ ᕏ ᕐ ᕑ ᕒ ᕓ ᕔ ᕕ ᕖ ᕗ ᕘ ᕙ ᕚ ᕛ ᕜ ᕝ ᕞ ᕟ
ᕠ ᕡ ᕢ ᕣ ᕤ ᕥ ᕦ ᕧ ᕨ ᕩ ᕪ ᕫ ᕬ ᕭ ᕮ ᕯ ᕰ ᕱ ᕲ ᕳ ᕴ ᕵ ᕶ ᕷ ᕸ ᕹ ᕺ ᕻ ᕼ ᕽ ᕾ ᕿ
ᖠ ᖡ ᖢ ᖣ ᖤ ᖥ ᖦ ᖧ ᖨ ᖩ ᖪ ᖫ ᖬ ᖭ ᖮ ᖯ ᖰ ᖱ ᖲ ᖳ ᖴ ᖵ ᖶ ᖷ ᖸ ᖹ ᖺ ᖻ ᖼ ᖽ ᖾ ᖿ
ᗀ ᗁ ᗂ ᗃ ᗄ ᗅ ᗆ ᗇ ᗈ ᗉ ᗊ ᗋ ᗌ ᗍ ᗎ ᗏ ᗐ ᗑ ᗒ ᗓ ᗔ ᗕ ᗖ ᗗ ᗘ ᗙ ᗚ ᗛ ᗜ ᗝ ᗞ ᗟ
ᗠ ᗡ ᗢ ᗣ ᗤ ᗥ ᗦ ᗧ ᗨ ᗩ ᗪ ᗫ ᗬ ᗭ ᗮ ᗯ ᗰ ᗱ ᗲ ᗳ ᗴ ᗵ ᗶ ᗷ ᗸ ᗹ ᗺ ᗻ ᗼ ᗽ ᗾ ᗿ

ᘀ ᘂ ᘃ ᘄ ᘅ ᘆ ᘇ ᘈ ᘉ ᘊ ᘋ ᘌ ᘍ ᘎ ᘏ ᘐ ᘑ
ᘒ ᘓ ᘔ ᘕ ᘖ ᘗ ᘘ ᘙ ᘚ ᘛ ᘜ ᘝ ᘞ ᘟ ᘠ ᘡ ᘢ
ᘣ ᘤ ᘥ ᘦ ᘧ ᘨ ᘩ ᘪ ᘫ ᘬ ᘭ ᘮ ᘯ ᘰ ᘱ ᘲ ᘳ
ᘴ ᘵ ᘶ ᘷ ᘸ ᘹ ᘺ ᘻ ᘼ ᘽ ᘾ ᘿ ᙀ ᙁ ᙂ ᙃ ᙄ
ᙅ ᙆ ᙇ ᙈ ᙉ ᙊ ᙋ ᙌ ᙍ ᙎ ᙏ ᙐ ᙑ ᙒ ᙓ ᙔ ᙕ
ᙖ ᙗ ᙘ ᙙ ᙚ ᙛ ᙜ ᙝ ᙞ ᙟ ᙠ ᙡ ᙢ ᙣ ᙤ ᙥ ᙦ
ᙧ ᙨ ᙩ ᙪ ᙫ ᙬ ᙯ ᙰ ᙱ ᙲ ᙳ ᙴ ᙵ ᙶ

ઁ ં ઃ અ આ ઇ ઈ ઉ ઊ ઋ
ઍ એ ઐ ઑ ઓ ઔ ક ખ ગ
ઘ ઙ ચ છ જ ઝ ઞ ટ ઠ ડ ઢ

इ उ ऊ ऋ ऌ क ख ग घ ङ च छ ज झ ञ ट ठ ड ढ ण त द न ऩ प फ ब भ म य र ऱ ल ळ ऴ व श ष स ह क़ ख़ ग़ ज़ ड़ ढ़ फ़ य़ ॠ ॡ

Ա Բ Գ Դ Ե Զ Է Ը Թ Ժ Ի Լ Խ Ծ Կ Հ Ձ Ղ Ճ Մ Յ Ն Շ Ո Չ Պ Ջ Ռ Ս Վ Տ Ր
ա բ գ դ ե զ է ը թ ժ ի լ խ ծ կ հ ձ ղ ճ մ յ ն ո չ պ ջ ռ ս վ տ ր ց ւ փ ք օ ֆ և

ឃ ង ច ឆ ឈ ញ ដ ឋ ឌ ឍ ណ ត ថ ទ ធ ន ប ផ ភ ម យ ល ឝ
ឞ ស ឡ អ ឤ ឥ ឦ ឨ ឩ ឬ ឭ ឯ ឰ ឱ ឲ ឳ ឴ ឵ ា ១ ២ ៣ ៥ ៦ ៧ ៨ ៩

ஆ இ ஈ ஊ எ ஏ ஐ ஒ ஓ ஔ ஂ ஃ ா ி ௗ ங ஜ ஞ ண ந ன ம ய ற ல ள ழ வ ஸ ஹ ௧ ௨ ௩ ௪ ௫

а б в г д е ж з и й к л м н о п р с т у ф х ц
ч ш щ ъ ы ь э ю я ё ђ ѓ є ѕ і ї ј љ њ ћ ќ ў џ

ހ ށ ނ ރ ބ ޅ ކ އ ވ މ ފ ދ ތ
ލ ގ ޏ ސ ޑ ޒ ޓ ޔ ޕ ޖ ޗ ޘ ޙ
ޚ ޛ ޜ ޝ ޞ ޟ ޠ ޡ ޢ ޣ ޤ ޥ

ਕ ਗ ਘ ਙ ਚ ਛ ਜ ਝ ਞ ਟ ਡ ਢ ਣ ਤ ਥ ਦ ਧ
ਨ ਪ ਫ ਬ ਭ ਯ ਰ ਲ ਲ਼ ਵ ਸ ਹ ਖ਼ ਗ਼ ਜ਼ ੜ ਫ਼

ଆ ଇ ଈ ଉ ଊ ଋ ଌ ଐ ଓ ଔ ଖ ଗ ଘ ଙ ଛ ଜ ଝ ଞ ଟ ଢ ଣ ତ ଥ ଧ ନ ପ ଫ ବ ଭ ମ ଯ ର ଳ ଶ ଷ ସ ହ

ం ః అ ఆ ఇ ఈ ఉ ఊ ఋ ఌ ఎ ఏ ఐ ఒ ఓ ఔ క ఖ గ ఘ ఙ చ ఛ జ ఝ ఞ ట
ఠ డ ఢ ణ త థ ద ధ న ప ఫ బ భ మ య ర ఱ ల ళ వ శ ష హ ా ి ౕ ౖ ౠ
ౡ ౨ ౩ ౪ ౫ ౬ ౭ ౮ ౯ ಂ ಃ ಅ ಆ ಇ ಈ ಉ ಊ ಋ ಌ ಎ ಏ ಐ ಒ ಓ ಔ ಕ ಖ ಗ ಘ ಙ ಚ ಛ ಜ ಝ ಞ ಟ ಠ ಡ ಢ ಣ ತ ಥ ದ ಧ ನ ಪ ಫ ಬ ಭ ಮ ರ ಱ ಲ ಳ ವ ಶ ಷ

૦ ૧ ૨ ૩ ૪ ૫ ૬ ૭ ૮ ૯
੦ ੧ ੨ ੩ ੪ ੫ ੬ ੭ ੮ ੯

║ ╒ ╓ ╔ ╕ ╖ ╗ ╘ ╙ ╚ ╛ ╜ ╝ ╞
╟ ╠ ╡ ╢ ╣ ╤ ╥ ╦ ╧ ╨ ╩ ╪ ╫ ╬

ꋰ ꋱ ꋲ ꋳ ꋴ ꋵ ꋶ ꋷ ꋸ ꋹ ꋺ ꋻ ꋼ ꋽ
ꀢ ꀣ ꀤ ꀥ ꀦ ꀧ ꀨ ꀩ ꀪ ꀫ ꀬ ꀭ
ꀲ ꀳ ⇒ ⇔ ꀮ ꀯ ꀰ ꀱ
← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙
ꀹ ꀺ ꀻ ꀼ ꀽ ꁼ ꁽ ꁾ ꁿ
ꀴ ꀵ ꀶ ꀷ ꀸ
ꀾ ꀿ ꁂ ꁃ ꁄ ꁅ ꎴ ꎵ
ꍖ ꍗ ꍘ ꍙ ꍚ ꍛ ꍜ ꍝ

܁ ܂ ܃ ܄ ܅ ܆ ܇ ܈ ܉
ꌈ ꌉ ꌊ ꌋ ꌌ ꌍ ꌎ ꌏ ꌐ ꌀ ꌁ ꀞ ꀟ

ꀆ ꀇ ꀈ ꀉ ꀊ ꀋ ꀌ ꀍ ꀎ ꀏ ꀐ ꀑ
ꀒ ꀓ ꀔ ꀕ ꀖ ꀗ ꀘ ꀙ ꀚ ꀛ ꀜ ꀝ
༼ ༽ ༾ ༿ ⌠ ⌡ꌼ ꌽ ꌾ ꌿ ꍀ ꍁ ꍂ ꍃ ꍄ ꍅ ꍆ ꍇ ꍈ ꍉ ꍐ ꍑ

ꍊ ꍋ ꍌ ꍍ ꍎ ꍏ ꍒ ꍓ ꍔ ꍕ ᚛ ᚜

ꌑ ꌒ ꌓ ꌔ ꌕ ꌖ ꌗ ꌘ ꌙ ꌚ ꌛ ꌜ ꌝ ꌞ ꌟ ꌠ ꌡ ꌢ ꌣ ꌤ
ꌥ ꌦ ꌧ ꌨ ꌩ ꌪ ꌫ ꌬ ꌭ ꌮ ꌯ ꌰ ꌱ ꌲ ꌳ ꌴ ꌵ ꌶ ꌷ
ꏪ ꏫ ꏬ ▒ ▓


ꁳ ꁴ ꁵ ꁶ ꁷ ꁸ
ꁣ ꁤ ꁥ ꁦ ꁧ ꁨ
ꁩ ꁪ ꁫ ꁬ
ꁭ ꁮ ꁯ ꁰ ꁱ ꁲ ◆ ◇ ◈
ꂔ ꂕ ꂗ ꂘ ꂙ
▣ ▤ ▥ ▦ ▧ ▨ ▩

ᚠ ᚡ ᚢ ᚣ ᚤ ᚥ ᚦ ᚧ ᚨ ᚩ ᚪ ᚫ ᚬ ᚭ ᚮ ᚯ ᚰ ᚱ ᚲ ᚳ ᚴ ᚵ ᚶ ᚷ ᚸ ᚹ ᚺ ᚻ
ᚼ ᚽ ᚾ ᚿ ᛀ ᛁ ᛂ ᛃ ᛄ ᛅ ᛆ ᛇ ᛈ ᛉ ᛊ ᛋ ᛌ ᛍ ᛎ ᛏ ᛐ ᛑ ᛒ ᛓ ᛔ ᛕ ᛖ ᛗ ᛘ
µ ¶ ܏ᛙ ᛚ ᛛ ᛜ ᛝ ᛞ ᛟ ᛠ ᛡ ᛢ ᛣ ᛤ ᛥ ᛦ ᛧ ᛨ ᛩ ᛪ ᛫ ᛬ ᛭ ᛮ ᛯ ᛰ

  ᚁ ᚂ ᚃ ᚄ ᚅ
ᚆ ᚇ ᚈ ᚉ ᚊ
ᚋ ᚌ ᚍ ᚎ ᚏ
ᚐ ᚑ ᚒ ᚓ ᚔ
ꁌ ꁍ ꁎ ꁏ ꁐ

♩ ♪ ♫ ♬ ♭ ꁔ ꁕ ꁖ ꁗ ꁛ ꁜ ꁝ ꁞ ꁟ ꁠ ꁡ
ꁑ ꁒ ꁓ ꁘ ꁙ ꁚ ꁢ

ꁇ ܀ ܊ ܋ ܌ ܍ ¤ ፨ ₪ ꂇ ◘ ◙ ⌂ ☺ ☻ ♀ ♂ ꋭ ꋯ ާ ި ީ ު ޫ ެ ޭ ޮ ᚗ ᚘ
፡ ። ፣ ፤ ፥ ፦ ፧ ‘ ’ ‚ ‛ “ ” „ ‥ … ‧ ′ ″ 〝 〞 〟

ꏯ ꏰ ꏱ ꏲ ꏳ ꏴ
ꏣ ꏤ ꏥ ꏦ ꏧ ꏨ ꏩ
ꏛ ꏜ ꏝ ꏞ ꏟ ꏠ ꏡ ꏢ
ꏍ ꏎ ꏏ ꏐ ꏑ ꏒ ꏇ ꏈ
ꏔ ꏕ ꏖ ꏮ ꂚ ꏅ ꏚ ꏋ
☼ ꀀ ꁋ ꂊ ꂐ ꏗ ꏘ ꏙ ꁉ ꏆ
ꁹ ꁺ ꁻ ꂂ ꂃ ꂅ ꂆ ꂈ ꂉ ꏊ ꏓ
ꂋ ꂌ ꂍ ꂎ ꂏ ꂑ ꂒ ꂓ ꂖ 〒


Posted by 알 수 없는 사용자
,


http://oxtag.com/html/ex/music_url/mouseover_sound/mouseover_sound.html

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987">
<title> </title>
<style fprolloverstyle>
A:hover {color: black; text-decoration: blink}
A:link    {color:#666666;font-size:10pt;text-decoration:none;}
A:visited {color:#666666;font-size:10pt;text-decoration:none;}
A:active  {color:#666666;font-size:10pt}
A:hover  {color:black;text-decoration:none;}
p, td, body, input, form {color:black;font-size:10pt;}
body {background-color:white}
</style>

<script language="JavaScript">
<!--
function sound(str)
{
eval(str);
}
// -->
</script>
 
</head>

<body topmargin="0" leftmargin="10">
<!-- 링크 태그 뿐만이 아닌 기타 다른 태그에도 응용해서 사용하세요. -->
<br>각각 마우스를 올려보세요. 그리고 페이지 초기 로딩시에도 자동으로 사운드가 나옵니다.<br>
onMouseOver를 onclick로 수정하면 클릭시 사운드가 나옵니다.
<br><br>
    <!-- 마우스 오버시 헤드 태그의 스크립트가 필요합니다.-->
    <bgsound id=menu loop="1">
    <a target="타겟명" href="a.html" onMouseOver="sound('menu.src=\'../../../music/m_sound1.wav\'');return true;" onMouseOut="window.status='';return true;">링크1</a></b></font><br>
    <a target="타겟명" href="b.html" onMouseOver="sound('menu.src=\'../../../music/m_sound2.wav\'');return true;" onMouseOut="window.status='';return true;">링크2</a></b></font><br>
    <a target="타겟명" href="c.html" onMouseOver="sound('menu.src=\'../../../music/m_sound3.wav\'');return true;" onMouseOut="window.status='';return true;">링크3</a></b></font><br>
    <a target="타겟명" href="../main/main6.html" onMouseOver="sound('menu.src=\'../../../music/m_sound2.wav\'');return true;" onMouseOut="window.status='';return true;">링크4</a><br>
    <a target="타겟명" href="/zboard/linuz_member.php?id=member_list" onMouseOver="sound('menu.src=\'../../../music/m_sound1.wav\'');return true;" onMouseOut="window.status='';return true;">링크6</a></b><br>
    <a target="타겟명" href="#" onclick="window.open('d.html','new_win','toolbar=no,width=239,height=119,resize=yes,scrollbars=no')" onMouseOver="window.status='아싸 가오리..ㅡㅡ';sound('menu.src=\'../../../music/m_sound2.wav\'');return true;" onMouseOut="window.status='';return true;">링크7</a></b></font>

<br><br>
<!-- 아래는 다른 방법입니다. 페이지 로딩시 사운드가 자동으로..
     원래 바디태그 두번쓰면 안되는 거지만 헤깔려하실까봐..ㅡㅡ
     헤드 태그의 스크립트 필요 없슴. 아래 두줄만 사용시 페이지 로딩시 사운드.
     바디의 onload 제거하고 bgsound와 링크 부분 독립적 사용가능.-->

<body onload="document.all.msound.src='../../../music/just.wav'">
<bgsound src="#" id=msound loop=1 autostart="true">
<a href="#" onfocus='this.blur()' onMouseOver="document.all.msound.src='../../../music/just.wav'"><font face="정9">들어가기</font></a>

</body>

</html>

Posted by 알 수 없는 사용자
,


http://oxtag.com/html/ex/clock2.html

<SCRIPT LANGUAGE="JavaScript">
<!-- Silly Clock 3 by Kurt Grigg http://website.lineone.net/~kurt.grigg/javascript
dCol='555555';//date colour.
fCol='4682B4';//face colour.
sCol='949694';//seconds colour.
mCol='555555';//minutes colour.
hCol='FF659C';//hours colour.
ClockHeight=30;
ClockWidth=30;
ClockFromMouseY=0;
ClockFromMouseX=60;

//Alter nothing below! Alignments will be lost!

d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.7;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-2.5;
HandX=-2.5;
scrll=0;
step=0.04;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
 F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
 }
for (i=0; i < H.length; i++){
 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
for (i=0; i < D.length; i++){
 var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
 DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
 DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
 }
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
//-->
</SCRIPT>


<body scroll=no>
<font style=font-size:9pt;>소스가 길다 생각되면 js 파일로 저장해서 한줄로 불러오세요.</font>


Posted by 알 수 없는 사용자
,


http://oxtag.com/html/ex/menu/menu2.html

<html>
<head>
<title></title>

</head>

<style type="text/css">
<!--
BODY{
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #666666;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #666666;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #666666;}

A:link {color: #000000;text-decoration:none}
A:visited {color: #cccccc;text-decoration:none}
A:hover { color: #AF40AF;text-decoration: none; color: blue; }
-->
</style>



<SCRIPT LANGUAGE="JavaScript"> 

function buildMenu() { 
speed=6;            // 떨어지는 속도 수치가 낮을 수록 빨라짐.
topdistance=40;     // 상단에서 메뉴까지 거리  
items=12;           // 메뉴의 개수 지정 
y=-50; 
ob=1; 
if (navigator.appName == "Netscape") { 
v=".top=",dS="document.",sD=""; 

else { 
v=".pixelTop=",dS="",sD=".style"; 
   } 

function scrollItems() { 
  if (ob<items+1) { 
    objectX="object"+ob;
    y+=10; 
    eval(dS + objectX + sD + v + y); 

    if (y<topdistance) setTimeout("scrollItems()",speed); 
    else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed); 
  } 

// End --> 
</SCRIPT> 
</head>
<BODY bgcolor="" onLoad="buildMenu(), scrollItems();">

<div id="object1" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 1</b></font></A> 
      </td>
   </tr>
 </table> 
</div> 


<div id="object2" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 2</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object3" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 3</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object4" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 4</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object5" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 5</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object6" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 6</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object7" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 7</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object8" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 8</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object9" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 9</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object10" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 10</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object11" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 11</b></font></A> 
      </td>
   </tr>
 </table> 
</div>
 


<div id="object12" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2"> 
 <table border=3 bordercolor=#666666 width=170>
   <tr>
      <td align=center>
         <A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 12</b></font></A> 
      </td>
   </tr>
 </table> 
</div>

</body>

</html>

Posted by 알 수 없는 사용자
,


http://oxtag.com/html/ex/layers/layers/layers.html

<style type="text/css">
<!--
#floater {Z-INDEX: 1; VISIBILITY: visible; POSITION: absolute;}
body,div,td,a {font-size:9pt;}
-->
</style>
스크롤바를 움직여보세요.
<script language="Javascript" src="./layers.js"></script>
<DIV id=floater style="right: 10px; TOP: 10px; z-index: 1; width: 150; height: 100px;" align=left>
<table align="center" border="1" cellspacing="0" width="180" bordercolor="#FF9900" bordercolordark="white" bordercolorlight="#FF9900">
    <tr>
        <td align=center>
        <a href=경로 target=_blank><img src=../../../img/angel_02.gif border=0></a><br><br>
        <a href=layers.js>layers.js 다운받기</a><br><br>
        right: 10px; TOP: 10px;<br>요 부분의 위치를 변경하면<br>됨니다. right대신 left를 써도...
        </td>
    </tr>
</table>
</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

Posted by 알 수 없는 사용자
,


http://oxtag.com/html/ex/text/text_neon/text_neon.htm

<html>
<head>
<STYLE>
.rainbow{ behavior:url(rainbow.htc) }
</STYLE>
</head>
<body>

<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center"><SPAN class="rainbow" style="font-size:9pt">태그피아에 오신것을 진따러 환영함다^▽^</SPAN> <br><br>
<B><font face="tahoma"><SPAN class="rainbow" style="font-size:18pt">TAG PARADISE !!!!</SPAN></font></p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center"><span style="font-size:9pt;"><font color="#FF7700">으하하.. 정말 이뿌지 않나효?<br>우선 아래의 rainbow.htc 파일을 다운받으셔야 함돠..</font></span></p>
<p align="center"><span style="font-size:9pt;"><font color="#FF7700">rainbow.htc  -  <a href="rainbow.htc">다운받기</a><br><br>
<input  type="button" value="- close -" onclick="window.close()" onfocus="this.blur()" style="color:rgb(255,161,53); background-color:transparent; border-width:1px; border-color:white; border-style:solid; cursor:hand;">
</body>
</html>

Posted by 알 수 없는 사용자
,


비밀번호를 확인하여 특정 페이지로 이동하는 스크립트를 생성해주는 스크립트입니다.
이동할 URL과 비밀번호를 누른후 스크립트 생성을 눌러주시면 자동으로
비밀번호 입력폼과 스크립트를 생성해줍니다.

이전 자바스크립트는 소스보기 하면 암호가 노출되지만 이 소스는
소스보기해도 비밀번호가 노출되지 않지요..
심심하시면 소스 분석하시면서 비밀번호 풀어보는 것도 좋겠지요..

마지막에 비밀번호 체크부분을 url의 마지막 확장자 비교로 바꾸었습니다. 전에는 그냥 .만 있으면
추출된 url로 이동시켜 버리므로 엉뚱한 페이지로 이동하는 경우가 있었습니다. 경고없이 엉뚱한
페이지가 나왔다고 비밀번호가 맞는 것이 아닙니다. 암튼 이경우를 해결해서 새로 올렸습니다.
잘못된 비밀번호로 경고없이 엉뚱한 페이지로 이동할 확률은 거의 없을 것으로 생각됩니다.

ps. 비밀번호의 일치여부에 따라 지정된 페이지로 이동하는 스크립트가 아니라 이미 특정
비밀번호로 암호화된 데이터에서 다시 비밀번호로 이동 주소를 추출하여 그 주소로 이동하는
방식이기 때문에 프로그래밍에 대해 잘 모르시면 암호를 찾기가 쉽지는 않을 겁니다.

테스트 페이지는 올린 스크립트 생성 스크립트로 제작된 것입니다. 테스트용 비밀번호는 pass입니다.


http://oxtag.com/html/ex/password/pass/pass.html


Posted by 알 수 없는 사용자
,
http://oxtag.com/html/ex/disabled.html


disabled외 다른 방법은 readonly를 사용합니다.

둘다 값을 수정할 수 없도록 하는 속성입니다.

다만 readonly는 그 값을 폼을 통해 전송하지만..

disabled 는 값을 아예 전송하지 않는 차이가 있습니다.

그러므로 사용하실 때는 두 속성을 구분하셔서 사용하세요.


Posted by 알 수 없는 사용자
,
사용자 삽입 이미지

모델하우스마다 예비 청약자들 문의 쏟아져 점수 잘못 계산하여 당첨땐 10년간 청약 못해 가상청약 체험관에서 모의청약으로 연습해봐야

“대입시험에서 무슨 수학공식 푸는 것도 아니고, 내 집 마련하기 정말 어렵네요.”

지난 17일부터 아파트 청약가점제가 실시됐다. 바로 그날 인천 논현동 힐스테이트 아파트 모델하우스 직원들은 하루종일 진땀을 뺐다. 김진현 분양사무소장은 “아예 가점제가 뭔지도 모르거나, 주민등록등본을 떼보고도 무주택 기간을 모르겠다는 등 예비 청약자들의 문의가 쏟아졌다”고 말했다. 이날 인터넷 청약에 나섰던 박모(39)씨도 “점수를 잘못 적으면 불이익을 당한다고 해서 몇 번이나 내용을 수정하느라 1시간 넘게 걸렸다”며 불만을 터뜨렸다. 무주택 실수요자를 위해 도입된 청약가점제가 첫날부터 소비자들에게 혼선을 주고 있다. 현장에선 너무 복잡한 점수 계산 방식으로 부적격 당첨자가 속출할 가능성이 높다는 우려가 쏟아지고 있다.

◆“시범 실시도 없이…” 졸속 시행

힐스테이트 모델하우스에는 17일 청약가점제와 관련한 방문과 전화상담이 끊이지 않았다. ‘부양 가족 수는 어떻게 계산하는지’, ‘무주택 산정 기준이 뭔지’ 등 가점 계산 방법에 대한 문의가 대부분이었다. 김 소장은 “직원들도 헷갈려 국민은행이나 건교부 콜센터로 대부분 연결시켜 줬다”면서 “점수를 잘못 적는 경우가 많을 것 같다”고 걱정했다. 청약가점제는 청약자가 직접 점수를 계산해 인터넷으로만 청약을 신청할 수 있다. 이때 점수를 잘못 기재해 당첨되면 부적격자로 처리돼 최장 10년간 아파트 당첨이 금지된다. 노약자 등 인터넷 청약이 어려운 경우만 은행 창구에서 청약을 받는다. ‘부동산써브’ 함영진 실장은 “청약 족집게 과외가 유행하지 않을까 우려될 정도로 가점제가 복잡하다”며 “신청서를 잘못 적었다면 당첨 무효 정도의 벌칙만 내리면 되지 재당첨 금지는 너무 가혹한 조치”라고 말했다. ‘저스트알’ 김우희 상무도 “본격 시행에 앞서 시범 실시를 하거나, 유예기간을 줬으면 좋았을 것”이라고 지적했다.



◆건교부, “혼선 오래가지 않을 것”

건교부는 작년 6월부터 가점제 시행이 예고돼 혼선은 단기적이고, 일부에 그칠 것이라며 대수롭지 않다는 반응이다. 건교부 관계자는 “부양 가족이 복잡하거나, 과거에 집을 갖고 있었던 경우 등 일부를 빼면 가점 계산이 어렵지 않다”면서 “대부분 청약자는 미리 준비해 아무 문제가 없는 걸로 파악됐다”고 주장했다.

다만, 건교부는 청약자가 청약 여부와 당첨 가능성을 예측할 수 있도록 단지별로 청약이 끝난 후 ‘당첨자 커트라인 점수’를 공개하는 방안을 검토 중이다. 건교부는 “개별 주택형별로는 발표하지 않고, 전체 평균이나 최고·최저 점수만 공개하는 방안이 유력하다”고 밝혔다. 공개 방식은 오는 28일 이전에 결정될 전망이다. 세중코리아 김학권 대표는 “커트라인 공개는 청약 수요 분산에 효과적일 수 있지만, 인기 단지에 대한 눈치 작전이나 브랜드별 쏠림 현상을 심화시킬 수도 있다”고 말했다.



◆가상청약 체험관 등 활용해야

불이익을 받지 않으려면 청약자 스스로 가점 계산 방식을 숙지하고, 모의 청약을 자주 해보는 수밖에 없다. 모의 청약은 국민은행(www.kbstar.com )과 금융결제원(www.apt2you.com ) 홈페이지 ‘인터넷 청약 가상체험관’에서 할 수 있다. 의문 사항은 청약통장 가입은행이나 건교부(02-3679-3106~9)에 문의와 상담을 통해 사전에 확인해 둬야 한다.

정확한 가점 계산을 위해선 본인과 배우자·부양 가족의 ▲주민등록등본 ▲건물 등기부등본 ▲건축물대장 ▲호적등본 ▲주택공시가격확인원 등을 떼어보는 게 좋다. 또, 인터넷 청약을 하려면 미리 청약통장 가입은행의 인터넷뱅킹에 가입하고, 공인인증서도 발급받아야 한다. 청약 내용이 잘못됐다면 접수 당일 오후 6시까지 수정과 취소가 가능하다.


◆청약가점제란

무주택기간, 부양가족수, 청약통장 가입기간을 기준으로 점수가 높은 순으로 아파트 당첨자를 가리는 제도. 가점제에선 1주택자가 1순위로 청약할 수 없어, 종전 추첨제보다 무주택 실수요자의 당첨 확률이 높아진다. 가점제가 시행돼도 단지별 분양 물량의 25~50%는 추첨제가 적용된다.

사용자 삽입 이미지

Posted by 알 수 없는 사용자
,

http://oxtag.com/html/ex/user_ip.html


이건 php입니다. 자바스크립트로는 구현이 불가능한 걸로 알고 있구요.

적용법은 아래를 복사해서 사용하세요.


<font style=font-size:9pt;color:ff9900>
<script language="javascript" src="http://oxtag.com/html/ex/php/user_ip.php"></script>
</font>


















Posted by 알 수 없는 사용자
,

http://oxtag.com/html/ex/maxmsglen.html

<script language="javascript">
  function mBoxreset(){
    document.write.msglen.value = '80';
    document.write.memo.value = '';
   }

   function CheckLen(form){
   var msglen;
   var maxlen;
   var l;
   var tmpstr;

   msglen = form.maxmsglen.value;
   maxlen = msglen;
   l = form.memo.value.length;
   tmpstr = "";

   if (l == 0) document.write.msglen.value = msglen;
   else
      for(k=0;k<l;k++){
         t = form.memo.value.charAt(k);
         if (escape(t).length > 4) msglen -= 2;
         else msglen--;
    
         if(msglen < 0){
            alert(maxlen + " 바이트 안에서 입력할 수 있습니다.");
            document.write.memo.value = tmpstr;
         }else{
            document.write.msglen.value = msglen;
            tmpstr += t;
            document.write.memo.focus();
         }
      }
   }
</script>

<form name="write" method="post" action="">
<input type="hidden" name="maxmsglen" value="80">
<input type=="Text" name="msglen" size="2" value='80' style="border:1 solid gray; font-size:8pt; background-color:#ffffff;">
<textarea rows="7" cols="16" name="memo" onChange="CheckLen(this.form)" onKeyUp="CheckLen(this.form)"></textarea>
</form>


<font style=font-size:9pt;>
글 입력 80자 이상 안되구요.(당근 임의로 지정 가능합니다.)<br>
글 입력시 눈으로 바로바로 몇 글자 입력이 되는지 바로 확인이 됨니다.<br>
일반 무료계정 사용자는 쓸모가 없지만 제로보드를 사용하는 웹 관리자라면 유용한 기능이죠.<br>
적용한 곳은 모놀로그 게시판입니다. 단점이라면 Ctrl + C로 글을 복사해서 텍스트에리어에<br>
붙여넣기 했을 경우 지정한 크기.. 이 페이지는 최대 글자가 80자 이니까 80자 이하라면<br>
상관이 없지만 만약 100자라면 경고창이 20번 나온답니다..-_-;;
</font>

Posted by 알 수 없는 사용자
,
사용자 삽입 이미지
피싱 수법이 다양해져 최근에는 메신저를 통한 피싱인 스핌도 등장했다.


대구의 자영업자 Y(59)씨는 6월 말 한 통의 전화를 받았다. 금융감독원(이하 금감원) 직원이라고 자신을 소개한 남자는 Y씨의 개인정보가 유출됐다면서 “큰 피해가 우려되니 통장 잔액을 금감원이 관리하는 안전한 계좌로 분산이체하라”고 제의했다. 당황한 Y씨는 다급히 그가 안내한 계좌 11개로 자신의 돈 1억여 원을 나눠 이체했다. 전화를 끊고 잠시 후 뭔가 이상하다고 느낀 Y씨. 확인해본 결과 돈은 이미 다 빠져나갔고, 11개의 계좌 모두 대포통장이었다.

휴대전화와 e메일, 가짜 홈페이지 등을 매개로 개인정보를 빼내 범죄에 악용하는 다양한 피싱(phishing) 사기가 기승을 부리고 있다. 최근 가장 심각한 문제를 낳고 있는 것은 전화 금융사기, 즉 보이스 피싱이다. 4, 5년 전 대만에서 유행하기 시작한 보이스 피싱은 2005년 말부터 우리나라로 옮겨와 빠르게 번지고 있다. 현재까지 총 400억원의 피해액이 신고됐을 정도다.

남녀노소 낚이는 데는 누구도 예외 없어

잘 알려진 것처럼 보이스 피싱은 전화를 통해 자동입출금기기(ATM)로 유도한 뒤, 상대가 불러주는 번호를 그대로 따라 누르게 해 돈을 이체하는 방식. 그런데 우둔한 사람들만 이런 보이스 피싱을 당하는 것일까.

“법원 직원도 보이스 피싱을 당했다는 말이 있습니다. 실제로 피해자 중에는 고학력 공무원이나 회사원들도 많습니다.”

지난 5월 말부터 시행한 보이스 피싱 관련 수사를 통해 4억원 규모의 피해를 낸 대만과 중국의 범죄조직을 검거, 구속 기소한 인천지검 마약조직범죄수사부 김종호 부장검사에 따르면, 피해자 50명 중에는 대학교수(2명), 공무원(7명) 등도 포함돼 있으며 20~40대가 절반에 이른다(20대 1명, 30대 8명, 40대 14명).

“보이스 피싱의 수법과 성격이 갈수록 다양하고 정교해지고 있습니다. 초기의 보이스 피싱이 국세청이나 보험관리공단을 사칭해 세금을 환급해주겠다며 계좌이체를 유도하거나 자식을 납치했다며 돈을 요구하는 방식이었다면, 최근에는 금감원이나 검찰청을 사칭해 ‘개인정보가 유출됐다’거나 ‘수사에 필요하다’는 식으로 불안감을 조성하는 등 수법이 진화했습니다.”(김종호 부장검사)

사용자 삽입 이미지
2005년부터 성행하고 있는 보이스 피싱 범죄는 중국·대만 폭력조직과 연관된 경우가 많다. 은행계좌를 만들거나 휴대전화 가입이 비교적 쉬운 재중동포가 많기 때문이다.

또 바로 통화하지 않고, 자동응답서비스(ARS)로 돌린 뒤 버튼을 누르게 해 전화를 돌려받거나 텔레마케터가 금감원 직원을 연결하는 식으로 여러 번의 단계를 거쳐 통화하기도 한다. 김 부장검사는 범죄 수법에 대해 “인터넷 폰으로 무차별적으로 전화를 거는 데다, 비교적 젊은 층이 전화를 받으면 언론에 자주 소개된 방식을 피해 접근한다”고 분석했다.

이 같이 진화하는 보이스 피싱 피해를 막기 위해 정보통신부와 한국정보진흥원이 나섰다. 두 기관이 7월 말 발표한 ‘보이스 피싱 피해 예방 10계명’에는 ‘범죄에 악용될 수 있는 동창회나 동호회 사이트의 주소록과 비상연락망 등 개인정보 파일을 삭제할 것’ ‘발신자 표시가 없거나 001, 080, 030 등 처음 보는 국제 전화번호는 받지 말 것’ ‘녹음 멘트로 시작되거나 ATM 사용을 유도하는 경우에는 대응하지 말 것’ 등 보이스 피싱 대처법이 담겨 있다.

또 이미 보이스 피싱을 당해 돈을 송금한 경우 즉시 은행에 연락해 ‘계좌지급정지’를 요청하거나 금감원‘개인정보노출자 사고 예방 시스템’에 등록해 추가 피해를 최소화할 것을 권고했다.

동창회 사이트 주소록 삭제 등 각별한 주의 필요

보이스 피싱뿐 아니라 e메일을 악용한 피싱도 갈수록 기법이 정교해지면서 증가하는 추세다. 금감원에 따르면 올 상반기 은행과 보험사에서 발생한 인터넷뱅킹 사고는 모두 11건, 피해금액은 1억2000여 만원으로 지난해의 2건, 피해액 1500만원에 비해 급속히 늘었다. 기존 피싱이 은행이나 쇼핑몰 등을 사칭해 개인정보를 입력하도록 e메일을 보낸 뒤 여기서 수집한 정보를 악용해 예금 등을 빼내는 수법이었다면, 최근에는 해커가 프로그램을 퍼뜨려 가짜 금융사이트로 연결되도록 해 개인정보를 훔치는 파밍(pharming) 수법이 등장했다.

스핌(spim)이라는 메신저 피싱도 있다. 스팸(spam)과 인스턴트 메신저(instant messenger)의 합성어인 스핌은 메신저를 통해 동영상이나 뉴스를 가장한 URL을 전달하고, 이 URL을 클릭한 사용자로 하여금 메신저의 아이디와 패스워드를 입력하도록 해 개인 신상정보를 빼내는 수법이다.

따라서 이런 신종 피싱 대처법으로 마이크로소프트사(社)는 메신저 사용자들에게 ‘메신저 자체의 보안기능을 설정할 것’ ‘안티 바이러스, 안티 스파이웨어 프로그램을 정기적으로 업데이트할 것’ ‘정기적으로 패스워드를 변경할 것’ 등 보안수칙을 제안했다.

석병희 안철수연구소 시큐리티대응센터장은 “피싱처럼 사회공학적 기법의 공격이 계속 증가하고 있는 만큼 사용자의 각별한 주의와 보안의식이 필요하다”고 충고했다.

Posted by 알 수 없는 사용자
,

사용자 삽입 이미지

두바이에서 발행되는 한 신문에 실린 광고가 미국 네티즌들 사이에서 큰 논란과 화제를 일으키고 있다.

지면 광고의 카피는 다음과 같다. “매년 5백 4십 만 명이 흡연 관련 질병으로 사망합니다. 9/11 테러 희생자의 2천배에 달하는 숫자입니다.”

광고 속 불타는 담배 이미지는 여객기와 충돌한 세계 무역 센터를 연상시킨다.

9월 초 신문의 전면에 실린 이 광고는 두바이의 광고회사 퍼셉트걸프가 제작한 것인데, 이 회사의 크리에이티브 디렉터는 “흡연이라는 테러에 사로잡히면, (911과)똑 같은 일이 몸에서 일어날 수 있다”는 사실을 보여주는 작품이라고 설명했다. 또 카피라이터인 수딥 존 코시는 인터넷 서핑을 하던 중 아이디어가 번개처럼 떠올랐다고 밝혔다. (두바이의 카피라이터가 운영하는 블로그 farrukh.wordpress.com.)

이 광고가 해외 네티즌 사이에서 논란을 일으키는 것은 911 테러의 고통과 악몽을 떠올리기 때문이다.

흡연 피해와 테러범의 민간인 살상을 등치시킨 듯 보이기 때문에, 미국인들로서는 마뜩찮을 수밖에 없는 것이다. 또 무고한 시민들의 죽음을 흡연의 피해와 비교함으로써, 비극의 강도를 왜소화 혹은 희화화하는 것도 문제라고 미국 네티즌들은 지적한다.

이 한 편의 광고는 선정성 논란을 일으키며 해외 인터넷에서 핫이슈로 떠올랐다.


Posted by 알 수 없는 사용자
,


http://oxtag.com/html/ex/popup/cookie_popup/index.html

쿠키를 이용한 하루에 한번 창 띄우기 입니다.
새창이 한개가 아닌 두개를 해봤구요. 초기 문서까지 총 세개입니다.

팝업창에서 페이지에서 클릭시 부모창으로 열리고, 팝업창 쿠키 적용은..
<A onclick="javascript:document.all.closeEvent.checked=true;closeWin();window.opener.document.location.href='event.html';" href="#None">
<IMG src="event.gif" border=0>
</A>
여기서 closeEvent는 팝업창의 하루한번만 열기 체크박스 name입니다.



index.html

<html>
<head>
<title>♡ 카멜롯™의 소스천국 태그피아 ♡</title>
<script language="JavaScript">
<!--
function ReadCookie(name)
{
 var label = name + "=" ;
 var labelLen = label.length ;
 var cLen = document.cookie.length
 var i = 0
 while (i < cLen){
  var j = i + labelLen
  if (document.cookie.substring(i,j) == label) {
   var cEnd = document.cookie.indexOf(";",j)
   if (cEnd == -1){
    cEnd = document.cookie.length
              }
   return unescape(document.cookie.substring(j,cEnd))
         }
  i++
 }
 return ""
}
function open_popup()
{
 var ck = ReadCookie( 'open_popup_01' );
 var ck2 = ReadCookie( 'open_popup_02' );
 
 if ( ck != '1' )
  window.open("new_window_1.html","Notice","width=308,height=545,status=no,resizable=no, toolbar=no,menubar=no,scrollbars=no, titlebar=no");
 if ( ck2 != '1' )
   window.open("new_window_2.html","BellEvent","width=400,height=425,status=no,resizable=no, toolbar=no,menubar=no,scrollbars=no, titlebar=no");
}
function soriSearch(keyword)
{
 if (!keyword) keyword = "";

 var soriURL = "soribada:search="+keyword;
 window.location.href = soriURL;
}
function pop(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
// -->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftMargin=0 topMargin=0 MARGINHEIGHT="0" MARGINWIDTH="0" link="#CC0000" vlink="#993366" onload="open_popup()">


</body>
</html>



new_window_1.html
<html>
<head>
<title>♡ 카멜롯™의 소스천국 태그피아 ♡</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<SCRIPT LANGUAGE="JavaScript">
<!--
window.top.moveTo(0,0);

function setCookie()
{
 var expire = new Date();
        expire.setDate(expire.getDate() + 7 );
        document.cookie = "open_popup_01=1; expires=" +  expire.toGMTString()+ "; path=/";
}
function closeWin(pop_cookie,check)
{
 document.write(check);
 if ( check )
  setCookie();
 self.close();
}
// -->
</SCRIPT>
</head>

<body>
체크박스 클릭시 바로 닫힘.
      <form name="notice" >
          <input type="checkbox" name="chkNotice" value="" onclick=closeWin('Notice',notice.chkNotice.checked) onfocus=this.blur()>
   <font color="#000000" face="굴림, 돋움" size="2">다음부터 창 안뜨게 하기
   <a href="javascript:history.onclick=closeWin('Notice',notice.chkNotice.checked)">[<b> 닫 기 </b>]</a></font>
      </form>

</body>
</html>



new_window_2.html
<html>
<head>
<title>♡ 카멜롯™의 소스천국 태그피아 ♡</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<SCRIPT LANGUAGE="JavaScript">
window.top.moveTo(318,0);
function setCookie()
{
 var expire = new Date();
        expire.setDate(expire.getDate() + 7 );
        document.cookie = "open_popup_02=1; expires=" +  expire.toGMTString()+ "; path=/";
}
function closeWin(pop_cookie,check)
{
 document.write(check);
 if ( check )
  setCookie();
 self.close();
}
</SCRIPT>
</head>

<body>
체크박스 클릭시 바로 닫힘.
    <form name="notice" >
        <input type="checkbox" name="chkNotice" value="" onclick=closeWin('BellEvent',notice.chkNotice.checked); onfocus=this.blur()>
        다음부터 창 안뜨게 하기
 <a href="javascript:history.onclick=closeWin('BellEvent',notice.chkNotice.checked)">[ 닫 기 ]</a>
    </form>

</body>
</html>

Posted by 알 수 없는 사용자
,
사용자 삽입 이미지


”이 버스, 코너링이 가능할까?”

중국 정저우(郑州)시의 한 버스회사가 개발한 세계에서 가장 긴 버스가 시승식을 가져 화제가 되고 있다.

이 버스의 길이는 무려 25m.

버스의 오른쪽 면에는 5개의 출입문이 있으며 차의 앞부분은 일반 버스와 달리 유선형으로서 기차와 비슷한 모양을 하고 있다.

운전기사는 버스의 꼬리 부분에 설치된 2대의 외부 카메라와 앞 부분의 백미러로 외부 상황을 정확히 파악할 수 있어 안전운행이 가능하다.

이 버스는 최대 230명의 승객을 태울 수 있으며 출입문 옆에는 중국인들의 주 교통 수단인 자전거를 함께 실을 수 있는 공간도 마련돼 있어 시민들이 편리하게 이용할 수 있을 것으로 기대된다.

아울러 이날 시승식과 함께 화제가 된 것은 버스속 이색 자전거 타기 대회.

버스회사의 한 관계자는 “이 이색대회는 시민들에게 이 버스의 길이와 얼마나 많은 승객이 탑승할 수 있는지를 보여주기 위해 개최됐다.”며 “버스 안에서 자전거를 타고 가장 느린 속도로 균형을 잡으며 가장 멀리 간 사람이 우승자”라고 설명했다.

Posted by 알 수 없는 사용자
,


http://oxtag.com/html/ex/winshake.html


<html>
<head>
<title>흔들어 보세요~~!</title>

<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->

<SCRIPT LANGUAGE="JavaScript1.2">
<!--

var quakeID = 0;
var totalX = 0;
var totalY = 0;
var maxShift = 10;
var minJumps = 10;
var maxJumps = 40;
var minBetweenQuakes = 1000;
var maxBetweenQuakes = 4000;

function jump() {
  with (Math)
    return (maxShift + 1 - ceil(random() * (maxShift * 2 + 1)));
}


function winShake() {
  for (var i = 0; i < (minJumps + (Math.random() * (maxJumps - minJumps))); i++) {
    dX = jump();
    dY = jump();
    window.moveBy(dX, dY);
    totalX -= dX;
    totalY -= dY;
  }
  
  window.moveBy(totalX, totalY);
  totalX = 0;
  totalY = 0;
  quakeID = setTimeout("winShake()", Math.ceil(Math.random() *
    (maxBetweenQuakes - minBetweenQuakes)) + minBetweenQuakes);
}

window.onload = winShake;

//-->
</SCRIPT>


</head>

<body>
<font style=font-size:9pt>
현재 흔들기로 설정되어 있습니다.<br><br>
</font>

<!---- [2단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요 ---->

<input type=button onClick="winShake()" value="흔들기">  
<input type=button onClick="clearTimeout(quakeID)" value="그만 흔들기">

<!------------------------- 여기까지 ---------------------------------->

</body>

</html>

Posted by 알 수 없는 사용자
,


http://oxtag.com/html/ex/text/text_dynamicanimation.html

<html>
<head>
<title></title>

<script LANGUAGE="JavaScript" FPTYPE="dynamicanimation">
  dynamicanimAttr = "dynamicanimation"
  animateElements = new Array()
  currentElement = 0
  speed = 0
  stepsZoom = 8
  stepsWord = 8
  stepsFly = 12
  stepsSpiral = 16
  steps = stepsZoom
  step = 0
  outString = ""
  function dynAnimation()
  {
    var ms = navigator.appVersion.indexOf("MSIE")
    ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
    if(!ie4)
    {
      if((navigator.appName == "Netscape") &&
         (parseInt(navigator.appVersion.substring(0, 1)) >= 4))
      {
        for (index=document.layers.length-1; index >= 0; index--)
        {
            layer=document.layers[index]
            if (layer.left==10000)
                layer.left=0
        }
      }
      return
    }
    for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if(null != animation)
      {
        if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        {
          ih = el.innerHTML
          outString = ""
          i1 = 0
          iend = ih.length
          while(true)
          {
            i2 = startWord(ih, i1)
            if(i2 == -1)
              i2 = iend
            outWord(ih, i1, i2, false, "")
            if(i2 == iend)
              break
            i1 = i2
            i2 = endWord(ih, i1)
            if(i2 == -1)
              i2 = iend
            outWord(ih, i1, i2, true, animation)
            if(i2 == iend)
              break
            i1 = i2
          }
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
        if(animation == "zoomIn" || animation == "zoomOut")
        {
          ih = el.innerHTML
          outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">"
          outString += ih
          outString += "</SPAN>"
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
      }
    }
    i = 0
    for (index=document.body.sourceIndex; index < document.all.length; index++)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if (null != animation)
      {
        if(animation == "flyLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyRight")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyTop" || animation == "dropWord")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottom")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyTopLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyTopRight" || animation == "flyTopRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottomLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "spiral")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "zoomIn")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else if(animation == "zoomOut")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        el.initLeft = el.style.posLeft
        el.initTop = el.style.posTop
        animateElements[i++] = el
      }
    }
    window.setTimeout("animate();", speed)
  }
  function offsetLeft(el)
  {
    x = el.offsetLeft
    for (e = el.offsetParent; e; e = e.offsetParent)
      x += e.offsetLeft;
    return x
  }
  function offsetTop(el)
  {
    y = el.offsetTop
    for (e = el.offsetParent; e; e = e.offsetParent)
      y += e.offsetTop;
    return y
  }
  function startWord(ih, i)
  {
    for(tag = false; i < ih.length; i++)
    {
      c = ih.charAt(i)
      if(c == '<')
        tag = true
      if(!tag)
        return i
      if(c == '>')
        tag = false
    }
    return -1
  }
  function endWord(ih, i)
  {
    nonSpace = false
    space = false
    while(i < ih.length)
    {
      c = ih.charAt(i)
      if(c != ' ')
        nonSpace = true
      if(nonSpace && c == ' ')
        space = true
      if(c == '<')
        return i
      if(space && c != ' ')
        return i
      i++
    }
    return -1
  }
  function outWord(ih, i1, i2, dyn, anim)
  {
    if(dyn)
      outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">"
    outString += ih.substring(i1, i2)
    if(dyn)
      outString += "</SPAN>"
  }
  function animate()
  {
    el = animateElements[currentElement]
    animation = el.getAttribute(dynamicanimAttr, false)
    step++
    if(animation == "spiral")
    {
      steps = stepsSpiral
      v = step/steps
      rf = 1.0 - v
      t = v * 2.0*Math.PI
      rx = Math.max(Math.abs(el.initLeft), 200)
      ry = Math.max(Math.abs(el.initTop),  200)
      el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
      el.style.posTop  = Math.ceil(-rf*Math.sin(t)*ry)
    }
    else if(animation == "zoomIn")
    {
      steps = stepsZoom
      el.style.fontSize = Math.ceil(50+50*step/steps) + "%"
      el.style.posLeft = 0
    }
    else if(animation == "zoomOut")
    {
      steps = stepsZoom
      el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%"
      el.style.posLeft = 0
    }
    else
    {
      steps = stepsFly
      if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        steps = stepsWord
      dl = el.initLeft / steps
      dt = el.initTop  / steps
      el.style.posLeft = el.style.posLeft - dl
      el.style.posTop = el.style.posTop - dt
    }
    if (step >= steps)
    {
      el.style.posLeft = 0
      el.style.posTop = 0
      currentElement++
      step = 0
    }
    if(currentElement < animateElements.length)
      window.setTimeout("animate();", speed)
  }
//-->
</script>
<style>
 #3c48d3d9ef433
 {
  width: 100%; height: 230;
  background-attachment : fixed;
  overflow: auto;
  padding:5px;
 
 }
</style>
 </head>

<body bgcolor='#ffffff' topmargin='0' leftmargin='0' marginwidth='0' marginheight='0' class='wBody' onload="dynAnimation()">
<br><br><br>

<table width=300 border=0 cellspacing=0 cellpadding=0 align=center><tr><td>

<p align="left" dynamicanimation="flyTopRight" style="position: relative !important; left: 10000 !important">
<font color=orange>앵</font><br><font color=gray>이게 모냥!</font><br><font color=#D77668>ㅋㅋㅋ</font>
</p>
<p align="left" dynamicanimation="flyTop" style="position: relative !important; left: 10000 !important">
신기하다.
</p>


</td></tr></table>

<br><br><br>

<table width=500 border=0 cellspacing=0 cellpadding=0 align=center><tr><td>
<font style=font-family:돋움;font-size:9pt>
dynamicanimation에 아래의 여러가지를 적용해보세요.<br><br>
flyTop<br>
dropWord<br>
flyLeft<br>
flyTopleft<br>
flyTopRight<br>
flyBottomLeft<br>
flyBottomRight<br>
flyTopRightWord<br>
flyBottomRightWord<br>
</font>

</td></tr></table>


 </body>
</html>

Posted by 알 수 없는 사용자
,

사용자 삽입 이미지

시사저널 이재호 의뢰인은 친권 분쟁 소지를 없애려 사전에 ‘각서’를 작성하게 한다.

‘대리모 지원, 서울 거주, 25살, 164cm, 52kg, 미혼.’ 출산 경험이 없는 20대 여성들이 너도나도 대리모로 나서고 있다.서로 ‘내 자궁을 써달라’고 아우성이다.자신의 생명을 잉태하기 전에 다른 사람의 아이를 갖겠다고 난리법석이다.출산 경험이 있는 기혼자들도 마찬가지이다.오히려 ‘출산 경험’을 자랑 삼아 내세우기도 한다.신성해야 할 여성의 자궁이 돈에 거래되고 있는 현실. 오늘날 대한민국의 슬픈 자화상이다.대리 출산이 돈벌이 수단으로 전락하면서 ‘직업 대리모’ 여성까지 생겨났다.어떤 여성은 성관계를 통한 자연 임신, 즉 ‘씨받이’를 하겠다고 나선다.자신의 피가 섞인 생명을 돈을 받고 파는 일도 서슴지 않고 있다.

대가가 없다면 이런 일이 가능할까. 대리모로 나선 여성들의 공통점은 ‘돈’이다.갑작스럽게 돈이 필요해서 또는 돈을 벌기 위해서 대리모가 되고 있다.대리모 지원자들은 20대 초반의 미혼 여성에서부터 30대 중반의 기혼 여성까지 다양하다.대리모의 수명은 보통 35세까지이다.25~35살까지 대리 출산이 가능하다는 얘기이다.그 사이 5명의 아이를 낳을 수 있다.1회 평균 사례금이 4천만원인 것을 감안하면 2억원을 벌 수있다는 계산이 나온다.

이혼녀 등 생계형 지원자도 적지 않아

대리모 지원자 중에는 법으로 금지하고 있는 난자 매매에 나서는 여성도 있다.난자 매매는 지원자의 조건에 따라 가격이 매겨진다.보통 2백만~3백만 원에 거래된다.

네이버 지식검색을 통해 ‘난자 공여나 대리모를 해준다’라며 자신의 프로필을 올려놓은 이신정씨(가명·26)는 자신을 경기도 부평에 거주하고 있으며 혈액형은 B형으로 난자 공여를 한 경험이 있다고 소개했다.난자의 질도 보장한다고 덧붙였다.프로필만 올려놓은 다른 지원자와는 달리 자신의 사진까지 공개했다.외모를 중시하는 의뢰인이나 브로커들의 이목을 끌기 위한 것이다.이씨의 프로필은 대리모 관련 카페나 블로그에서 쉽게 찾아볼 수 있었다.여러 곳에 미끼를 던져놓았던 것이다.

대리모로 나선 여성 중에는 경제적 약자들이 많다.주로 △이혼 여성 △가족 치료비를 구하는 사람 △신용불량자나 파산자 △사채 채무자 등이다.

경기도 광주에 사는 김선영씨(가명·30)는 생계형 대리모 지원자이다.김씨는 지난 2003년 남편과 이혼하고 딸 하나를 키우며 친정 아버지와 살고 있다.지난해 말에 친정 아버지가 중병에 걸리면서 목돈이 필요했다.올해 초에는 브로커를 통해 2백만원을 받고 난자를 매매하기도 했다.김씨에게 당장 필요한 돈은 4천5백만원 정도. 이 돈을 마련하기 위해 이번에는 대리모를 지원하고 나섰다.서울 강동구 길동에 사는 박순선씨(가명·29)도 남편과 이혼하고 딸 둘과 함께 살고 있다.박씨도 생활비를 벌기 위해 대리모로 나선 사람 중 하나이다.박씨는 “지금 돈이 필요하다.혼자서 아이를 키우다 보니 경제적으로 막막하다.가격만 맞으면 난자 매매도 생각해보겠다”라고 말했다.

<시사저널>은 대리모 여성들의 실상을 알아보기 위해 대리모 경험자를 찾았다.여기저기 수소문한 끝에 어렵게 한 여성을 만날 수 있었다.서울 금천구 가산동에 사는 김수민씨(가명·26). 김씨는 사채 빚에 시달리면서 대리모로 나섰다.지난 2005년 9월, 눈덩이처럼 불어나는 빚을 감당할 수 없게 되자 목돈이 될 만한 일을 찾았다.우연히 인터넷을 뒤지다가 발견한 것이 대리모 관련 카페였다.김씨는 다른 지원자가 올린 글을 모방해 간단한 프로필과 e메일 주소를 남겼다.곧바로 상담을 원하는 메일이 들어왔다.대부분 브로커들이었다.브로커를 통해 3명의 의뢰인을 만났고, 그중 가장 좋은 조건을 제시한 의뢰인과 계약을 맺었다.의뢰인이 제시한 대리 출산 사례비는 5천만원. 세 번에 걸쳐 받는 조건이다.매월 1백만원의 생활비를 추가로 받기로 했다.이로써 김씨는 총 6천만원을 대리 출산 사례금으로 받는 셈이다.

의뢰인은 계약서를 작성할 때 김씨에게 친권 포기각서를 요구했다.시술할 병원은 의뢰인이 정했고, 건강 검진도 받았다.착상에 성공하면서 본격적인 계약이 발효되었다.의뢰인은 집 근처에 18평 원룸을 구해놓고 김씨를 생활하게 했다.그때부터 김씨의 일거수일투족은 의뢰인에게 통제되었다.계약서에도 ‘통제에 따라야 한다’라는 조항이 들어 있었다.의뢰인이 동행하지 않는 외출은 허용되지 않았다.

매일 의뢰인이 지정하는 태교 음악을 듣고 태교 책을 읽어야만 했다.먹는 것과 입는 것도 의뢰인의 뜻에 전적으로 따랐다.기계적인 일상의 반복이었다.임신 10개월째 김씨는 건강한 아들을 낳았다.출산 후에는 산후조리원에서 2주간 머물렀다.산후 조리가 끝나자 의뢰인은 약속한 사례금을 주고, 별도의 보너스로 2백만원을 따로 챙겨주었다.

김씨는 “임신에서 출산 때까지 나는 아기 공장에 불과했다.내 아이가 아니라는 생각을 하니 정이 들지도 않았다.당장은 돈이 급했고, 혹시나 돈을 받지 못할까 봐 전전긍긍했을 뿐이다”라고 말했다.

아무리 경제적인 약자라고 해도 ‘상업적 대리 출산’이 면죄부를 받을 수는 없다.한번 대리모로 나서면 두 번 세 번 대리모로 나서는 것은 어렵지 않다.브로커들의 ‘관리 대상’ 목록에 올라 끝없는 상업적 대리 출산의 유혹을 받는다.의뢰인이 선호하는 신체 조건이나, 외모, 학력 등을 가진 여성들은 더욱 심하다.

부유층 기혼 여성들의 대리 출산이 증가하고 있는 것도 문제이다.임신이 가능한데도 대리모 여성을 찾는다고 한다.출산 고통을 피하거나 몸매 유지를 위해서이다.사정이 이렇다 보니 생명을 사고파는 일이 마치 유행처럼 번지고 있는 것이다.수요자가 많으면 공급자는 더욱 늘어나기 마련이다.

법적·행정적 관리 체계 마련 시급

대리모와 의뢰인 간에는 법적 분쟁의 소지가 깔려 있다.대리모와 태아 사이의 정서적 연대감이 생기고 태아에 대한 대리모의 모성애가 작용할 수 있기 때문이다.이런 경우 친권 포기 각서를 작성했다고 해도 아이를 내주지 않는다면 친권 분쟁이 불가피하다.기형아가 태어나면 아이 인수를 거부하거나 유기할 우려가 있다.대리 출산을 의뢰한 부부가 이혼·사망으로 아이를 인수할 수 없는 상황이 초래될 수도 있다.도덕적·윤리적인 문제를 떠나 심각한 사회 문제가 아닐 수 없다.

여성단체들은 상업적인 대리 출산과 비상업적인 대리 출산 모두를 반대하고 있다.만약 비상업적 대리모가 허용되면 대리모를 공식적으로 인정하는 것이 된다고 보기 때문이다.

이인영 교수(한림대 법학과)는 “상업적 대리모와 비상업적 대리모를 구별하는 기준이 분명하지 않다.처벌 규정을 두고 상업적 대리모 시술을 금지한다고 해도 강제할 수 있을지 의문스럽다.국민들의 반응은 상업적 대리모뿐만 아니라 인도주의적인 대리모의 경우에 대해서도 부정적인 것으로 나타나고 있다.어떤 방식으로든 대리 출산에 대한 법적·행정적 관리 체계를 마련해야 한다”라고 강조했다.


Posted by 알 수 없는 사용자
,
사용자 삽입 이미지


라디오 방송중 여성비하성 발언으로 청취자들의 비난을 받은 가수 겸 DJ 윤종신(38)이 방송위원회 중징계를 받았다.

윤종신은 지난 8월 18일 자신이 진행하는 MBC라디오 FM 포유(91.9MHz) '두시의 데이트'에서 가수 정지찬과 함께 대화하던 도중 "저는 (여성을) 회에 비유한다. 신선해야 돼 두번째로는 쳐야 돼"고 언급한 후 "웃자고 한 농담이다"고 덧붙인 바 있다.

이어서 "항상 남자들이 신선한 여자를 찾는다. 오래되면 조금 질려한다. 버려뒀더니 삭아서 맛있는 홍어회가 됐네"라고 생선에 비유한 발언을 거듭하기도 했다. 다음날 라디오에서는 "방송 중 하지 말아야 할, 여성을 음식에 비유한 멘트를 한 점에 대해 사죄말씀 드린다"고 공식 사과했다.

이에 대해 방송위원회는 18일 오후 전체회의를 열고 시청자에 대한 사과를 하도록 의결했다. 심의위원회는 진행자가 여성을 '회'에 비유해 대화한 내용을 녹음방송임에도 불구하고 여과없이 방송한 것은 '방송은 품위를 유지해야 하며 시청자에게 예의를 지켜야 한다', '방송은 특정 성을 부정적, 희화적으로 묘사하거나 왜곡해서는 아니된다'는 방송심의에 관한 규정 제 26조(품위유지), 제 29조(양성평등)를 위반한 것으로 판단했다.
Posted by 알 수 없는 사용자
,
이미지를 클릭하시면 강좌로 이동합니다.

  1. Aqua Text
    Re-create the font style that Mac OSX is famous for.
    text42.jpg
  2. 3D Cliff Text
    Make text that looks like it’s a part of the land.
    text43.jpg
  3. Matrix Style Text
    Take the red pill and learn how to create text in the style of The Matrix.
    text28.jpg
  4. Brick Text
    Create text that looks like it was chipped out of a brick wall.
    text41.jpg
  5. Set Your Text On Fire
    An advanced tutorial that shows how to create realistic flaming text.
    text13.jpg
  6. Explosion Effect
    Explode your text with this tutorial.
    text44.jpg
  7. Spiderman 3 Style Text
    Create text in the style of the Spiderman 3 logo.
    text38.jpg
  8. Colorful Light Burst Effect
    Create text that looks as if it’s bursting out.
    text09.jpg
  9. Web 2.0 Sticker Text Effect
    Another Web 2.0 style text effect, but this one looks as if it was a sticker.
    text31.jpg
  10. 3D Text
    Another tutorial showing how to create 3D text from a different perspective.
    text29.jpg
  11. Worn Rubber Stamp Text
    Make text look as if were stamped on a page.
    text11.jpg
  12. Chalk Text Effect
    Text that looks like chalk on asphault.
    text45.jpg
  13. Blown Out 3D Text
    3D text in the style of 3D films.
    text05.jpg
  14. Create A Professional Looking Logo
    A tutorial showing how the use of gradients and shadows can create professional looking text.
    text25.jpg
  15. Shiny 3D Text
    Another 3D tutorial that shows you how to create a reflective logo.
    text06.jpg
  16. Reflective Liquid Type
    Create text that looks like reflective water.
    text02.jpg
  17. Shiny Floor Effect
    Make it look like your text is being reflected from a shiny floor.
    text30.jpg
  18. Water Text
    This tutorial shows you how to create text that looks like water on any background.
    text01.jpg
  19. Grungy, Slimey Text
    Use this tutorial to make text look as if it emerged from a swamp.
    text32.jpg
  20. Chrome Metal Effect
    Create a beveled chrome font effect.
    text03.jpg
  21. Gold Plated Text
    A tutorial showing how to make your text look gold plated.
    text53.jpg
  22. Graffiti Text With Photoshop
    Create realistic looking graffiti on structures like walls.
    text07.jpg
  23. Transparent GLass Lettering
    Very shiny and transparent lettering good for many uses.
    text08.jpg
  24. Swirl Text
    Create a bright swirl using text.
    text10.jpg
  25. Highlight and Shadow Effect
    Create text with a pixelated, mosaic background.
    text14.jpg
  26. Glowing Gel Text
    Glowing text that looks like gel.
    text15.jpg
  27. 3 Stroked Text
    Stylized text that looks layered.
    text16.jpg
  28. Icy Cold Effect
    Text that looks like ice is creeping up around it.
    text17.jpg
  29. Very Stylish 3D Pixel Text
    Make pixelated text that looks 3D.
    text18.jpg
  30. Chrome Text
    Make chrome text that looks like it’s gleaming.
    text19.jpg
  31. Rusted Slime Effect
    Make your text look like rust is coming down from it.
    text20.jpg
  32. Worn and Torn Text Effect
    Text that looks worn out and falling apart.
    text21.jpg
  33. Dreamy Text Effect
    Create text like something out of a dream.
    text22.jpg
  34. Schocking Text
    A text effect that looks as if bolts of electricity are coming out of it.
    text23.jpg
  35. Furry Text
    Use brushes to create text in any pattern.
    text24.jpg
  36. Realistic Stone Effect
    Create text that looks like it was carved out of stone.
    text26.jpg
  37. Gutsy Text
    Create text that looks like it contains intestines.
    text27.jpg
  38. Soft, Plastic Text
    Plastic text that looks great on any dark background.
    text33.jpg
  39. Turf Text
    Blend any style text into turf.
    text34.jpg
  40. Diamond Text
    Bling out your text with diamonds.
    text35.jpg
  41. Molten Lava Blast Effect
    Use gradients and layer styles to create molten lava text.
    text36.jpg
  42. Mossy Effect
    Text that looks as if moss is growing on it.
    text37.jpg
  43. Ice Text
    Lettering that looks like it’s frozen stiff.
    text39.jpg
  44. Plastic Effect
    Make your text look like it’s wrapped in shiny plastic.
    text40.jpg
  45. Fragmented Tiles Text Effect
    Put layered tiles on the inside of your text.
    text46.jpg
  46. Zoom Text
    Give your text a little zoom blur.
    text47.jpg
  47. Pixel Text
    Create beveled text without layer styles.
    text48.jpg
  48. Image Inside Text
    Add an image to the inside of your text.
    text49.jpg
  49. Gold And Ruby Text
    Make gold text that looks like it contains jewels.
    text50.jpg
  50. Girly Bling Text Effect
    Sparkling letters in a feminine style.
    text51.jpg
  51. Halftone Effect
    Surround your text with a halftone style.
    text52.jpg
출처: 디자인 바이탈리티 블로그
(http://www.designvitality.com/blog/2007/09/photoshop-text-effect-tutorial/)

대신 영어의 압박이....ㅡ.ㅡ;
Posted by 알 수 없는 사용자
,
사용자 삽입 이미지

글로벌 기업 애플이 외면한 한글 입력 기능을 네티즌들이 직접 해결해 화제가 되고 있다.

애플의 차세대 MP3플레이어 '아이팟 터치'가 한글 입력 기능을 지원하지 않는다는 사실이 알려지자 네티즌들이 한글 입력 프로그램을 개발한 것.

애플코리아는 18일 아이팟 나노 3세대를 한국에 처음 공개하면서 '아이팟 터치'를 함께 선보였다. 아이팟 터치는 무선랜을 내장해, 언제 어디서나 인터넷에 접속할 수 있는 제품으로 한국 네티즌들의 많은 관심을 받았다.

하지만 정작 뚜껑을 열고 보니 웹 서핑에 필요한 한글 입력 기능을 지원하지 않는다는 점이 드러났다. 인터넷 기능 자체가 '반쪽짜리'에 머무를 위기에 몰린 것.

한술 더 떠 애플코리아 측에서는 추후 한글 입력 기능을 지원하겠다는 얘기도 없어 아이팟 터치 발매를 기다려왔던 네티즌들은 속만 태우고 있었다.

그러나 발 빠른 일부 네티즌들은 벌써 대안을 찾아내고 있다.

네티즌 'ZN'이 개발한 '한손입력기(www.zannavi.com/iphone/hanson.html)'는 원래 아이폰 용으로 개발됐지만 아이팟 터치에서도 사용할 수 있다.

웹 상에 마련된 자판으로 검색하고 싶은 한글 단어를 입력하고, 하단의 버튼을 눌러 구글 및 네이버 검색, 메일 보내기 기능 등을 사용할 수 있게 만들었다. 하지만 이 프로그램은 휴대폰의 인터페이스를 그대로 적용, 인터넷 검색에 쓰기에는 약간 불편하다.

newtype라는 또 다른 네티즌도 자신의 블로그(newtype.pe.kr)에 한글 입력기(newtype.myi.cc/tools/hangle.html)를 올려놨다. 이 프로그램은 영어를 입력하면 자동으로 한글로 바꿔준다.

사용자 삽입 이미지

그는 자신의 블로그에 "아이팟 터치에 한글 입력 기능이 없다고 해서 자바스크립트를 이용해 만들어 봤다"고 말했다.


두번째 이미지는 WEB IME 라고도 한다.
외국 나가서 한글이 대부분 안되기 때문에 웹아엠이를 이용해서 글을 작성하기도 한다.
아래는 웹 IME 프로그램 모아 놓은 자료.. (일본어 IME 포함)


http://oxtag.com/php/webIme/

Posted by 알 수 없는 사용자
,