메뉴 건너뛰기

조회 수 6908 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

항상 레이어가 정 가운데 위치하는 스크립트...

 

 

<html>
<body onresize="javascript:centerWindow();" onload="centerWindow();">
<script language="JavaScript">
<!--
function centerWindow() {
var xMax = document.body.clientWidth, yMax = document.body.clientHeight;

var xOffset = (xMax-200)/2+20, yOffset = (yMax-150)/2+40;
//중심에서 오른쪽으로 20, 아래로 40픽셀에 항상 위치하는 레이어
var divMenu = document.all['Layer1'].style;
divMenu.top = yOffset;
divMenu.left = xOffset;
}
//centerWindow();
//-->
</script>

<div id="Layer1" style="position:absolute; left:200px; top:80px; width:200px; height:150px; z-index:1">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor=#FFFFFF style="border:#808080 1px solid;" height=150>
<span style="font-family:굴림; font-size:9pt">
항상 중심에 뜨는 <br>
레이어 샘플입니다.</span><br>
<img src="http://www.google.co.kr/images/logo_sm.gif" width="150" height="55" alt="배너">
</td>
</tr>
</table>
</div>
</body>
</html>


  1. No Image 22Dec
    by
    2016/12/22 Views 7729 

    하단 고정 레이어 스타일(CSS) 따라하기

  2. No Image 22Dec
    by 조쉬
    2016/12/22 Views 6908 

    항상 레이어가 정 가운데 위치하는 스크립트

  3. No Image 22Dec
    by
    2016/12/22 Views 6470 

    scrolling to top

  4. Ajax를 이용한 데이터 조회시 로딩 로딩 이미지 보이기(jquery이용)

  5. No Image 22Dec
    by
    2016/12/22 Views 6217 

    금액단위 제거 표기

  6. No Image 22Dec
    by
    2016/12/22 Views 7108 

    시간 카운트

  7. No Image 22Dec
    by
    2016/12/22 Views 6347 

    디자인 셀렉트 박스 & CSS

  8. No Image 22Dec
    by
    2016/12/22 Views 8353 

    흐르는 배너 만들기2

  9. No Image 22Dec
    by
    2016/12/22 Views 10100 

    bxslider 멈춤현상

  10. No Image 22Dec
    by
    2016/12/22 Views 49508 

    jquery 플러그인 링크 모음

  11. No Image 18Nov
    by
    2016/11/18 Views 7116 

    html 테이블 고정 (table fixed)

  12. No Image 18Nov
    by
    2016/11/18 Views 7110 

    이미지 클릭 손 (cursor:pointer)

  13. No Image 18Nov
    by
    2016/11/18 Views 6931 

    jQuery Selector (셀렉터)

  14. 날짜 검색 범위 정하기 (jquery)

  15. No Image 17Nov
    by
    2016/11/17 Views 10055 

    jQuery 날짜 비교 (날짜비교)

  16. jQuery 카테고리 선택에 따른 하위 카테고리 변경 (selecbox)

  17. No Image 17Nov
    by
    2016/11/17 Views 10039 

    jquery radio checked (라디오 버튼 값으로 선택), 검색 조건 초기 셋팅

  18. No Image 17Nov
    by
    2016/11/17 Views 6511 

    jquery 뒤로가기

  19. No Image 17Nov
    by
    2016/11/17 Views 8542 

    jQuery tr 추가 (입력창 추가), jQuery 테이블 행 추가/삭제, selector last name

  20. No Image 17Nov
    by
    2016/11/17 Views 6951 

    jQuery, JavaScript 새로고침(reload)

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved