 |
| |
로그인
가입
|
| i프래임 | |
| 이 름 | 강사  |
| 조 회 | 7,578 |
| 글자크기 |   |
|
<center> <h3>아래는 iframe 으로 작성된 프레임 영역입니다.</h3> <iframe src="aaaaa.html" width="500" height="200" scrolling="yes"></iframe> </center> ■ iframe 사용하는 법 <body>와 </body> 사이의 ifame를 삽입하고 싶은 위치에 아래 소스를 넣습니다. <iframe src="xxxxxx.htm" frameborder="0" width="550" height="350" leftmargin="0" topmargin="0" scrolling="auto"></iframe> - xxxxxx.htm 는 아이프레임 안에 넣고 들어갈 문서의 주소. - frameborder="0" 은 창의 테두리 두께를 0으로, - width="360" height="250" 에서는 iframe 창의 크기를 조절. - leftmargin="0" topmargin="0" 은 창 내부의 여백(여기서는 모두 0으로 했음) - scrolling="auto" 는 스크롤바 자동생성..auto 대신 no로 하면 없음, yes로 하면 항상 있음. ■ iframe에 스크롤바 없애기 <script> function doResize() { container.height = this.document.body.scrollHeight; container.width = this.document.body.scrollWidth; } </script> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td id="container"><iframe src="notice.html " scrolling=yes name="이름" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="doResize()"></iframe></td> </tr> </table> 위 소스는 iframe의 사이즈가 페이지에 맞게 ■ 아이프레임의 스크롤바를 편집 아래와 같은 소스를 iframe 안에 들어갈 notice.html 의 head 나 body 에 넣으시면 <style type="text/css"> body{ scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FDB402; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FDB402; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color: #FDB402 } </style> scrollbar-face-color: 스크롤바의 색상 scrollbar-shadow-color: 스크롤바 아래와 오른쪽 색상 scrollbar-highlight-color: 스크롤바 위와 왼쪽 색상 scrollbar-3dlight-color: highligt 바깥쪽 색상 scrollbar-darkshadow-color: shadow 바깥쪽 색상 scrollbar-track-color: 스크롤바 움직일 곳 색상 scrollbar-arrow-color: 화살표 색상 1. highlight 와 shadow 만 색깔을 넣어서 같이 맞추거나 2. 3dlight 와 darkshadow 만 색깔을 넣어서 같이 맞추거나 하시면 되는데 둘에는 조금 차이가 있습니다. 1번의 경우에는 화살표 있는 곳과 스크롤바가 조금 떨어지고 2번의 경우에는 딱 붙게 됩니다. 서로 교차해서 쓸 수도 있는데 2번과 같은 결과가 됩니다. 위에 적용된 스크롤바가 교차해서 쓴 것인데 약간 떨어진 모양이 나오죠 
|
|
 choijm67 |
|
|
|
|
|
분류
|
|
| Copyright 1999-2025 Zeroboard / skin by SIRINI |