레이어형식 화면고정하는, 스크롤바를 따라다니는 TOP 버튼

JS/jsajax

-------자 이건일단 원본소스입니다.

<html><head><meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>스크롤바따라다니는,TOP</title>
<style type="text/css"></style>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" onScroll="fix();">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<script language="JavaScript">
document.write("<input type='button' value='TOP-1000' onClick='self.scrollBy(0,-1000)' style='font-weight:bold; color:CC6699;'>")
</script> </body> </html>

---자, 그리고 수정된소스를 봅시다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="javascript">
function fix() {
var imgH = 18; // 이미지 사이즈에 맞게 수정 (이미지 높이)
var imgW = 44; // 이미지 사이즈에 맞게 수정 (이미지 너비)
var posTop = document.body.clientHeight - imgH;
var posLeft = document.body.clientWidth - imgW;
bar.style.top = document.body.scrollTop + posTop;
bar.style.left = document.body.scrollLeft + posLeft;
} function neuladen() {window.location.reload()}
window.onresize = neuladen; window.onscroll = fix;
//window.onresize = fix;
window.onload = fix;
</script>
</HEAD> <BODY background="img/bg_patten.gif" bgproperties="fixed"> 


<input type='button' value='TOP' onClick="window.location='#top'"> <TABLE CELLSPACING=0 CELLPADDING=1 WIDTH="100%" BGCOLOR="#336699">
<TR><TD>
당구 유머
</TD></TR>
</TABLE> <table border=0 width=100%><tr><td width=23></td><td>
<table width=95% cellpadding=1><tr>
<td width=25% align=center bgcolor="#339966" onMouseOver="style.background='#AA1002'" onMouseOut="style.background='#339966'"><a href="#당구와sex">당구와sex</a></td>
<td width=25% align=center bgcolor="#DDAD08" onMouseOver="style.background='#AA1002'" onMouseOut="style.background='#DDAD08'"><a href="#당구찬양시">당구찬양시</a></td>
<td width=25% align=center bgcolor="#339966" onMouseOver="style.background='#AA1002'" onMouseOut="style.background='#339966'"><a href="#정치인당구인">정치인당구인</a></td>
<td width=25% align=center bgcolor="#DDAD08" onMouseOver="style.background='#AA1002'" onMouseOut="style.background='#DDAD08'"><a href="#당구같이">당구같이</a></td>
</tr></table>
</td></tr></table> <a name="당구와sex"></a>
<table border=0 width=100%><tr><td width=23></td><td>
<table border=0 cellspacing=0 cellpadding=1 width="95%">
<tr><td BGCOLOR="#339966">당구와 sex 공통점30선</td></tr>
<tr><td style="line-height:20pt;font-size:10pt">
1. 예전에는 대학교때 시작했는데 요즘은 고등학교, 중학교때 처음 시작한다. 
2. 혼자서 연습하는것은 공짜지만 항상 눈치를 보게 된다. 
3. 혼자서도 연습을 많이하면 실력이 늘어난다. 
4. 실력이 늘어나면 자세가 바뀐다. 
5. 초보는 힘으로밀어 부치지만 고수는 테크닉으로 끝낸다. 
6. 초보나 고수나 벗기기는 항상 힘이든다. 
7. 초보는 무조건 빠는 것을 좋아하지만 고수는 필요한 만큼만 빤다. 
8. 어려운 포지션은 허리를 잘쓰면 해결된다. 
9. 반 듯하면 (큐대일수록) 정확하게 들어간다. 
10. 세게 찍어치면 다이가 찢어질 위험이 있다. 
11. 보통 한게임에 일이십분 걸린다. 
12. 항상 한게임으로 끝내지는 않는다. 
13. 술마시고 하는 경우에는 시간만 오래 걸리고 대부분 진다. 
14. 끝난후에는 꼭 씻는다. 
15. 몰아치면 더 빨리 끝낼수도 있지만 재미가 없다. 
16. 계속해서 오랜시간을 하다보면 다리가 후들거린다. 
17. 하다보면 밤을 세울때가 많다. 
18. 처음만난 사람과는 긴장된 마음으로, 오래된 사람과는 편안한 마음으로.... 
19. 초보는 엉뚱한데다 겨냥을 한다. 
20. 교본이 많이 있긴하지만 실전이 제일 중요하다. 
21. 자기것 안치고 남의 것을 치면 죽는다. 
22. 개인큐는 남이 못쓰게 잘 보관한다. 
23. 한번 맛들이면 하루도 안빠지고 하고 싶다. 
24. 요즘은 비디오 교본도 나온다. 
25. 같이 할 사람만 있으면 밤낮없이 할 수 있다. 
26. 큐대가 크고 무겁다고 잘치는 것은 아니다. 
27. 자세가 중요하다는 건 고수가 되야 안다. 
28. 군발이들이 휴가나 외박을 나오면 단체로 하고 들어간다. 
29. 외국의것은(당구대)우리나라 것보다 크다. 
30. 사오십대가 되면 한달에 한번 칠까 말까 한다. 
</td></tr></table>
</td></tr></table> 
<a name="당구찬양시"></a>
<table border=0 width=100%><tr><td width=23></td><td>
<table border=0 cellspacing=0 cellpadding=1 width="95%">
<tr><td BGCOLOR="#DDAD08">당구 찬양시</td></tr>
<tr><td style="line-height:20pt;font-size:10pt"> 테마 유머::스포츠 
당구 찬양시(撞介) 
거룩한 우라는 
예술구보다도 깊고 
불붙는 맛세이는 
게임비보다도 값지다. 
 
아! 강낭콩보다도 더 푸른 
그 다이 위에 
양귀비꽃보다도 더 붉은 
그 적구 굴러라. 
아리땁던 그 큐대 
곧게 뻗어나가며 
그 석류 속 같은 적구 
두개를 다 맞추었네! 
아! 강낭콩보다도 더 푸른 
그 다이 위에 
양귀비꽃보다도 더 붉은 
그 적구 굴러라 
 
구르는 적구는 
길이길이 모이리니 
그대의 꽃다운 다마수 
어이 아니 오르랴. 
아! 강낭콩보다도 더 푸른 
그 다이 위에 
양귀비꽃보다도 더 붉은 
그 적구 굴러라 
 
<작품 해설> 
 
평생 당구만을 위해 모든 것을 바치친 전설적인 인물 '당개 (撞介)'를 화려한 
색채 대비를 이용하여 묘사하고 있다. 
 
*당개 (撞介:190?-194?) 
 
암울했던 일제 시대 때 이 땅에 당구를 보급하기 위하여 자신의 모든 것을 다 바쳤던 인물. 
당시 총독부 사령관 '하오마루'와 죽방을 쳤으나 크게 물리게 되자 그를 껴안고 
3층 당구장에서 뛰어내려 같이 즉사하였다 함. </td></tr></table>
</td></tr></table> 
<a name="정치인당구인"></a>
<table border=0 width=100%><tr><td width=23></td><td>
<table border=0 cellspacing=0 cellpadding=1 width="95%">
<tr><td BGCOLOR="#339966">정치인과 당구인공통점</td></tr>
<tr><td style="line-height:20pt;font-size:10pt"> 1. 경력과 실력이 다가 아니다. 누가 뒤통수를 칠지 모른다. 다크호스는 항상 존재한다. 
2. 상대방 까대기를 절라 잘한다. 가끔 얼굴 붉어져 치고받고 싸운다. 
3. 우기는넘이 짱이다. 되던 안되던 목소리높여 우기고 봐야한다. 
4. 승리를 위해 담합을 하기도 한다. 뒤에서 절라 욕하면서도 눈치봐서 자기도 한다. 
5. 가끔 승리하면 돈을 긁어오기도 한다. 언제나 남은것은 없다고 우긴다. 
6. 상승세를 타면 막을 수 없다. 그러나 한번 꼬이면 바로 끝이다. 
7. 폼만 그럴싸한 허접이들이 대다수이다. 
8. 자기 이익에만 급급하게 된다. 매너 황인넘들이 많다. 
9. 상대방이 실수하면 절라 좋아한다. 그러나 자기가 실수 해서 상대방이 좋아하면
예의라고는 눈꼽만큼도 없다고 지랄한다. 
10. 자기 전용터가 있다. 다른곳은 꺼린다. 
11. 상대방이 이기면 절라 화내면서 짜증부린다. 
12. 똑같이 여가를 활용해서 참여한다. 
 
(당구맨 본업 : 학생 또는 사회인 정치인 본업 : 국가가 인정한 사기꾼 
그래도 당구는 보는사람은 재미있지만 정치인 봐도 재미없다. 그냥 화가 날 뿐이다. 
 
천리안 by 윌리 
< 퍼가실땐, http://humorvista.co.kr/ 을 적어주세요 T.T > 
</td></tr></table>
</td></tr></table> <a name="당구같이"></a>
<table border=0 width=100%><tr><td width=23></td><td>
<table border=0 cellspacing=0 cellpadding=1 width="95%">
<tr><td BGCOLOR="#DDAD08">당구같이 못칠놈</td></tr>
<tr><td style="line-height:20pt;font-size:10pt">
10위- "먹는거에 초연한 놈." 대단한 집중력이다. 먹는거보다 당구가 중요하다니...고개가 숙여진다.
9위- "전화와도 안 받는 놈" 악바리다. 안 물리려고.. 지극 정성이다. 내가 이겨도 돈 내줘야 될거 같다.
8위- "시작하기 전 연습 다마때 잘 치는 놈" 시작하기 전, 은근한 연습다마 싸움.
마치 농구 연습할때 골대 앞에서 시합보다 더 치열하게 리바운드 다툼 하듯이,
당구 칠 때도 시작하기 전에 서로 공한번 건드려 보려고 난리인데,
그런 혼잡한 상황 속에서도 잘 치는 놈이라면 엄청난 실력자이다.
7위- "시간 한참 지나도 아무 동요 없이 치는 놈" 게임이 길어질 수록 아줌마 눈치 봐가면서,"야, 니가 눌러." "니가 눌러 이새끼야." 이런 식으로 신경을 쓰게 마련인데...
그 와중에도 전혀 동요 없이 치는 놈들이 있다. 이긴다는 확신이 있는, 아주 무서운 놈들이다.
6위- "뽀록치고 깍듯하게 인사하는 놈" 고수다. 당구장 벽에 써 붙여있는 당구 10계를 지키는 고수다.
그냥 이런 사람과 같이 친다는 걸 영광으로 알아야 한다.
5위- "3년째 계속 150인 놈." 
진짜 무서운 놈이다. 150 이면 칠건 다친다.
게다가 다마수도 300~500 등 고다마에 비하면 훨씬 적어서 맘만 먹으면 후다닥 빼고 나간다.
4위- "최근에 만나는 여자 없는 놈" 절대 잡생각이 안난다.
여자 친구나 쫓아다니는 여자 있는 일반인들은 승부가 극한 상황으로 치닿으면, 꼭 여자 생각을 하게 마련이다.
바로 여기서 일반인들과 이런 놈들의 집중력의 차이가 생겨난다.
3위- "하늘이 돕는 놈" 절묘한 순간마다 뽀록이 터져준다. 반면에 그 상대방은 짤 들어가게 친 공도 야리하게 새고, 싸대기 맞고...난리난다.
정말 말이 안 된다. 근데 보면 늘 똑같은 놈이 그런다. 이젠 아예 뽀록이 당연한건 줄 안다.
심해지면, 뽀록 치고도 노리고 쳤다는 식의 덤덤한 표정을 짓는다. 그럴땐 진짜 초크 묻은 손으로 싸대기 때려주고 싶다.
2위- "쓰레빠 갈아신고 치는 놈" 쓰레빠는 산전수전 다 겪은 베테랑을 상징한다.
바로 쫄아주어야 한다. 이런 사람이랑은 웬만하면 이길 생각 말고 배운다는 생각으로 쳐야한다.
그래도 이겨보겠다고 따라서 어설프게 쓰레빠 꺼내서 신고 쳤다가,
나중에 돈은 돈대로 물리고, 열받아서 홧김에 집에 오다가 현관문에서 쓰레빠를 신고 있는 자신을 발견하게 된다.
1위- "집에서 낮잠 자다가 나온 놈" 정말 컨디션 만빵이다.
수능 시험도 충분한 수면을 취해야 잘 치듯이 당구도 마찬가지인 것이다.
자는 놈을 깨워서 당구 치자고 한 놈이 죽일 놈이다.
대낮 부터 낮잠 자는애 깨워서 당구 쳐봤자 결국 자기가 물리게 된다. 나우누리 by lingo < 퍼가실땐 , http://humorvista.co.kr/ 을 적어주세요 T.T >
</td></tr></table>
</td></tr></table> 

</body>
</HTML>

차이점이요..?
그냥.. 조금소스가 간단해졌을 뿐입니다.^^
잘쓰세요..

'JS > jsajax' 카테고리의 다른 글

설치형 TC에 Ajax 적용해보았다. (0)	2012.01.16
티스토리에 jQuery Ajax를 적용시켜 보았다 (0)	2012.01.16
비 전문가를 위한 XMLHttpRequest 활용 소개 (0)	2009.01.12
세션 상태를 사용하여 불필요한 Ajax 트래픽 피하기 (한글) (0)	2009.01.05
Ajax로 실시간 갱신 하기 (0)	2008.06.21
한번에 페이지내의 모든 이미지의 링크 점선/테두리 없애는 스크립트 (0)	2008.05.30
새 창의 링크로 부모창에 결과출력 (0)	2008.02.26
[JS] 스크롤바 따라다니는 메뉴 2 (0)	2008.02.26
[JS] 스크롤바 따라다니는 메뉴 1 (0)	2008.02.26

by Anna 안나 2008. 2. 26. 14:53

All Scrap

글