은풍(隱風)의 작은 공간(空間) : Tistory..

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\View Source Editor\Editor Name

에서 Editor Name 의 오른쪽 화면의 기본값 을 더블클릭하여

문자열 편집 창 에서

C:\PROGRA~1\EDITPL~1\eppie.exe

를 입력해주면, 에디트플러스로 소스보기를 할 수 있게 된다.



ps. 아직 긴 파일명을 제대로 지원하지 않는 것일까?
ps. 에딧플러스는 익스 지원용 실행파일이 따로 있는 것 같다.

<script>location.href='http://;</script>

과거 사용하였던 홈페이지 html 형 자료들

resizeBy(width, height) 또는
resizeTo(width, height)

무빙 과 리사이즈
self.moveTo(width, height)
self.resizeTo(width, height)

배경색 지정 : background-color : #FFFFFF

배경 이미지 : background-image : url("dot.gif")

배경 이미지 정렬 : background-repeat : 옵션

옵션 1) repeat : 배경 이미지를 바둑판식 배열
2) repeat-x : 가로방향으로 반복 정렬
3) repeat-y : 세로방향으로 반복 정렬
4) no-repeat : 반복하지 않고 한번만 표기

배경 이미지 위치 : background-position : 옵션

옵션 1) 실수값+단위
가로, 세로의 위치를 순서대로 공백으로 구별하여 숫자값으로 지정.
값을 한개만 지정한 경우는 가로 방향의 위치를 지정한 것이고,
세로 방향은 50%로 설정됩니다. 값은 음수로도 지정할 수 있습니다.
2) %
가로, 세로의 위치를 순서대로 공백으로 구별하여 비율로 지정.
값을 한개만 지정한 경우는 가로 방향의 위치를 지정한 것이고,
세로 방향은 50%로 설정됩니다.

* 옵션을 두개 지정하는 경우,
옵션, 1)과 2)의 경우 서로 혼합하여 사용(조합)가능 합니다.
단, 옵션 3)과는 혼합 사용이 불가능합니다.
3) left, center, right, top, center, bottom
제공되는 키워드로, 공백으로 구별하여 키워드를 지정하며
가로 세로의 지정 순서는 상광없습니다.
값을 한개만 지정한 경우는 나머지는 center로 지정됩니다.

배경 이미지 고정 : background-attachment : 옵션

옵션 1) fixed : 배경 이미지의 위치를 고정시킵니다.
2) scroll : 배경 이미지를 다른 내용과 함께 스크롤 합니다.


이상, 사용예는 다음과 같습니다

body{
background-color : #FFFFFF;
background-image : url("dog.gif");
background-repeat : no-repeat;
background-position : right bottom;
background-attachment : fixed;
}

마지막으로 한꺼번에 지정하는 예입니다.

body { background: #FFFFFF url(dot.gif) no-repeat right bottom fixed; }

1. 자바스크립트 소스

[script language="javascript"]

self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;

action = window.setInterval("MoveAdcon()",1); //애드콘 무빙함수 실행
function MoveAdcon() {
//애드콘 무빙함수
diffY = document.body.scrollTop;
diffX = 0;
if (diffY != lastScrollY) {
percent = .2 * (diffY - lastScrollY);
if (percent > 0) {
percent = Math.ceil(percent);
} else {
percent = Math.floor(percent);
}
document.all.divMenu.style.pixelTop += percent;

lastScrollY = lastScrollY + percent;
}
if (diffX != lastScrollX) {
percent = .2 * (diffX - lastScrollX);
if (percent > 0) {
percent = Math.ceil(percent);
} else {
percent = Math.floor(percent);
}
document.all.divMenu.style.pixelLeft += percent;

lastScrollY = lastScrollY + percent;
}
}


document.onfocusin=PosAdcon; //애드콘 초기위치지정함수 실행
function PosAdcon() {
//애드콘 초기위치, 폼 리사이즈시 위치
divMenu.style.top = document.body.scrollTop + document.body.clientHeight - 25;
divMenu.style.display = '';
divMenu.style.visibility = "visible";

}

[/script]


[body onresize="PosAdcon();"]

[DIV id=divMenu style="LEFT: 802px; VISIBILITY: hidden; WIDTH: 20px; height: 20px; POSITION: absolute"]
[A href="#"][IMG src="../img/img_top.gif" height=20 width=20 border=0][/A]
[/DIV]

일명 스므스 타입의 톱(TOP) 스크롤 기능 이라 합뎌~


[script]
function back_top()
{
x = document.body.scrollLeft;
y = document.body.scrollTop;
step = 2;

while ((x != 0) || (y != 0)) {
scroll (x, y);
step += (step * step / 300);
x -= step;
y -= step;
if (x < 0) x = 0;
if (y < 0) y = 0;
}
scroll (0, 0);
}
[/script]

[img src="원츄이미지" onclick="back_top()" style=cursor:hand alt="꼭대기로 올라갈까요?"]


단순한 TOP기능으로 주로 사용되어 지는것들...과 비교를 해 보셔도 될듯,,,
href=#
href=#none
href=#top
href=main.html
onclick=reload()


출처 : "NZEO.COM" "JavaScript 게시판" "또다른 TOP으로 가기"

onMouseOver=this.style.backgroundColor='원츄색상' onMouseOut=this.style.backgroundColor=''

첨부파일참조