본문 바로가기

전체 글52

object.style.border 기능 To change the border style, width, and color surrounding this division, click the radio buttons below. borderStyle solid dashed dotted double groove inset outset ridge none borderWidth 1px 2px 3px 4px 5px 7px 10px borderColor white black red blue teal green "" (null) 2017. 2. 1.
스크롤 따라 부드럽게 움직이는 레이어 페이지 스크롤에 따라서 부드럽게 움직이는 레이어. 보통 화면 상단으로 올라가는 탑버튼이나 퀵메뉴, 윙배너 구현에 사용된다. IE6, IE7, FF2, Opera9, Safari3에서 테스트 완료. 위치(position)값이 양수이면 브라우저의 상단으로 부터의 거리, 음수이면 하단으로 부터의 거리로 계산이 된다. Code Script function initMoving(target, position, topLimit, btmLimit) { if (!target) return false; var obj = target; obj.initTop = position; obj.topLimit = topLimit; obj.bottomLimit = document.documentElement.scrollHeight -.. 2017. 2. 1.
뒤로가기, 앞으로가기, 새로고침버튼 뒤로이동 앞으로이동 새로고침 뒤로가기 앞으로가기 새로고침 뒤로가기 앞으로가기 2017. 2. 1.
배너스크롤효과 2017. 2. 1.
좌우배경이미지다른페이지제작 2017. 2. 1.
마우스 오른쪽 막기 2017. 2. 1.
배경이미지 랜덤으로 바꾸기 이거나 혹은 2017. 2. 1.
Example Form Markup Text Input: Radio Button Choice Choice 1 Choice 2 Select Dropdown Choice: Choice 1 Choice 2 Choice 3 Textarea: Checkbox: 2017. 2. 1.
display block : 블록박스로 만든다. inline : 인라인 박스로 만든다. inline-block : 블록박스로 만들어지지만, 인라인 박스처럼 배치된다. (CSS2.1 권고후보에 추가) none : 박스를 만들지 않으며 시각적으로 완전히 보이지 않는다. inherit : 상위 요소의 display속성을 상속받는다. table : 블록레벨의 표로 만든다. (table) inline-table : 인라인레벨의 표로 만든다. (table) table-row : 행으로 만든다 (tr 기본 속성) table-row-group : 본체 행 그룹으로 만든다. (tbody 기본 속성) table-header-group : 헤더 행 그룹으로 만든다. (thead 기본 속성) table-footer-group : 푸터 행 .. 2017. 1. 25.