지금 시각은 입니다.
닷넷 문제없어!
[Log-In]
관리자 로그인
  ID
  PW
Catagory
탐색 건너뛰기 링크입니다.
4월2024년 5월6월
2829301234
567891011
12131415161718
19202122232425
2627282930311
2345678
Tag Storm
감자탕  기네스  라푼젤  사용자정의 컨트롤  위도 경도 거리  위도경도거리  정규식  파일업로드  페이징  clear  display  float  InvalidOperationException  ip차단  onClientClick  RegisterClientScriptBlock  RegisterStartupScript  urlscan  WebKnight  z-index  
RSS 2.0   
Today : 93
Total  : 524754
해상도에 따른 우측배너 left 위치 자동값얻기 | Javascript Read : 1761
 Name : wonpaper IP : 182.210.101.174 
 Date : 2012-04-19 오후 12:40:43  

<html>
<head>
<title>모니터해상도에 따른 위치테스트</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
// 모니터해상도에 따라 전체 폭값 구하기
//alert(document.body.clientWidth + " / " + document.body.clientWidth); 
//alert(expression(((document.body.clientWidth-1280)+Math.abs(document.body.clientWidth-800))/4+980));


// 중심점에서 +30 만큼 더해주기
document.write( (parseInt((Math.abs(document.body.clientWidth)/2)) + parseInt(30)) );

// 중앙정렬된 테이블의 폭이 1000 px 일경우 중앙에서 500 더해주면 그 바로 우측에 붙어서 나타난다.
document.write( "<br> " +  (parseInt((Math.abs(document.body.clientWidth)/2)) + parseInt(500)) );


//-->
</SCRIPT>


<table border=1>
<tr>
 <td>테스트</td>
</tr>
</table>

<!--
<div id="div1" style="position:absolute; left:expression(((document.body.clientWidth-1280)+Math.abs(document.body.clientWidth-800))/4+980); top:100px;z-index:10;">
-->

<!-- 폭이 1000인 중앙정렬 테이블에서 우측에 따라다니는 배너 동적 left 위치값 얻기 --->
<div id="div1" style="position:absolute; left:expression(Math.abs(document.body.clientWidth)/2+500); top:100px;z-index:10;">
 <table style="border:solid 1 red;">
 <tr>
    <td>우측따라다니는 배너공간<br><br></td>
 </tr>
 </table>
</div>
</body>

 Tag :
 Trackback : http://wonpaper.net/Trackbackhandler.ashx/board_javascript/7
이름
비번
글목록
Copyright 2010 ~ 2024, wonpaper.net based on ASP.NET 3.5 using Web-Form.
Wonpaper 웹개발자의 닷넷블로그