프리카운터넷

프로그래밍&개발

기존 공부방

한줄짜리 웹소스

▶ 해상도에 따라 스크롤바가 생기지 않는 최대영역
   1024×768 : (1004 × 617) / 800×600 : (780×449)
   윈도우의 테두리 + 세로스크롤바의 크기는 총 28px
   세로의 영역은 개인의 윈도우에 따라 가변이 크나 일반적으로(주소창,도구창)있는 경우에만 해당함

▶ 링크걸어서 팝업창 띄우기
   <a href="#" ONCLICK="window.open
    ('팝업주소','팝업이름','width=80,height=60,toolbar=yes,resizable=no,scrollbars=no,left=0,top=0')">

▶ 그림에서 링크 표식 없애주기
   <a href="#" onfocus='this.blur()'><img src="motifdn.gif"></a>
   css로 일괄처리하기 -> <style> a { onfocus : "this.blur();" } </style>

▶ HTML에서 점찍기
   &middot /&#149을 이용
   · 잘 · 찍 · 히 · 나
   • 해봅시다

▶ 클릭하면 자동으로 창 닫기
   <a href="javascript:window.close()">이미지나.. 글자</a>

▶ 텍스트에 풍선말 달기
<font color="#CC00FF" TITLE="풍선말" STYLE=" cursor:hand;">[여기에 마우스를]</font>

▶ 풍선말에 엔터적용시키기
<img src="/images/test.gif" alt="설명1설명2설명3">

▶ 이미지 반투명처리하기
<img src="그림주소" style="filter:alpha(opacity=100,style=2,finishopacity=0)">

▶ 소스그대로 보이게 하기
<xmp><h1>태그입니다.</h1><font color=red>태그가 잘 보이시죠?</font></xmp>

▶ 즐겨찾기 추가
<a href="javascript:window.external.AddFavorite('http://www.nate.com','네이트');">
즐겨찾기에 추가</a>

▶ 링크로 윈도우 이동하기
   <a href="#" onClick="parent.close()">창닫기</a>
   <a href="#" onClick="history.back()">이전페이지로</a>
   <a href="#" onClick="history.forward()">앞 페이지로</a>
   <a href="#" onClick='top.location="javascript:location.reload()"'>새로고침</a>

▶ input 고정시키기
<INPUT TYPE="text" SIZE=40 VALUE="모디의 집입니다." readonly>
<INPUT TYPE="button" VALUE="START" disabled>
<INPUT TYPE=text name="test" value="test" disabled>

▶ input와 textarea에 글자 보이게 하고 커서위치시 사라지게하기
<INPUT TYPE="text" SIZE=40 VALUE="모디의 집입니다." onfocus="this.value''">
<TEXTAREA name="test" onfocus="this.value''">모디의 집입니다.</textarea>

▶ 글자흐르는 태그
   <marquee direction=right>오른쪽으로 </marquee>
   <marquee direction=left>왼쪽으로 </marquee>
   <marquee direction=up>위쪽으로 </marquee>
   <marquee direction=down>아래쪽으로 </marquee>
   <marquee direction=up height=50 scrollAmount=1.5 size="300">내용</maquee>

▶ 마우스 커서 모양 바꾸기
   <font style="cursor:hand">hand</font>
   <font style="cursor:auto">auto</font>
   <font style="cursor:default">default</font>
   <font style="cursor:move">move</font>
   <font style="cursor:e-resize">e-resize</font>
   <font style="cursor:ne-resize">ne-resize</font>
   <font style="cursor:nw-resize">nw-resize</font>
   <font style="cursor:n-resize">n-resize</font>
   <font style="cursor:se-resize">se-resize</font>
   <font style="cursor:sw-resize">sw-resize</font>
   <font style="cursor:w-resize">w-resize</font>
   <font style="cursor:wait">wait</font>
   <font style="cursor:help">help</font>
   <font style="cursor:crosshair">crosshair</font>

▶ 팝업 창을 항상 앞에 나오게 하는 방법
   <BODY onBlur="window.focus()">
   - 무조건 항상 앞에 나오으로 사용시 유의해야함
   <BODY onBlur="setTimeout('window.focus()',5000)">
   - setTimeout()은 적당한 시간 간격마다 특정 함수를 호출할 수 있는 기능으로 5초에 한번씩 호출한다.