웹기획
태그공부방
스타일시트/스크립트
포토샵&디자인툴
플래시
PC 활용팁
웹공부방 자료실
웹공부방 Q/A
관련사이트
태그연습장
프로그래밍&개발
·
php
·
java, jsp
·
asp
·
database
·
Linux
·
javascript
·
웹표준,웹접근성
·
개발참고자료
기존 공부방
·
HTML
·
JAVASCRIPT
·
CSS/DHTML
화면 스크롤 하면 이미지가 따라 내려오는 예제입니다.
이미지 뿐만아니라 다른 것도 넣을 수 있겠죠.
위 치 선 택
왼쪽
오른쪽
▼
▼
▼
▼
▼
▼
▼
▼
▼
▼
[소스]
<div id="layer1" style="width:115px; height:75px; position:absolute; left:20px; top:95px; z-index:1;"> <p><img src="005.gif" width="108" height="75" border="0"></p> </div> <form name="form1"> <p align="center">위 치 선 택<br> <input type="radio" name="r" checked>왼쪽 <input type="radio" name="r">오른쪽</p> </form> <script language="JavaScript"> <!-- // 이미지 초기 위치 지정 layer1.style.posLeft = 10 layer1.style.posTop = document.body.clientHeight + document.body.scrollTop - 90 function gogo() { if(form1.r[0].checked==1)layer1.style.posLeft = 10 else if(form1.r[1].checked==1)layer1.style.posLeft = document.body.clientWidth - 120 layer1.style.posTop = document.body.clientHeight + document.body.scrollTop - 90 } setInterval("gogo()",25) //--> </script> <p> </p> <p> </p> <p align="center"><span style="font-size:22pt;">▼</span></p> <p align="center"><span style="font-size:22pt;"> </span></p> <p align="center"><span style="font-size:22pt;">▼</span></p> <p align="center"><span style="font-size:22pt;"> </span></p> <p align="center"><span style="font-size:22pt;">▼</span></p> <p align="center"><span style="font-size:22pt;"> </span></p> <p align="center"><span style="font-size:22pt;">▼</span></p> <p align="center"><span style="font-size:22pt;"> </span></p> <p align="center"><span style="font-size:22pt;">▼</span></p> <p align="center"><span style="font-size:22pt;"> </span></p> <p align="center"><span style="font-size:22pt;">▼</span></p> <p align="center"><span style="font-size:22pt;"> </span></p> <p align="center"><span style="font-size:22pt;">▼</span></p> <p align="center"><span style="font-size:22pt;"> </span></p> <p align="center"><span style="font-size:22pt;">▼</span></p> <p align="center"><span style="font-size:22pt;"> </span></p> <p align="center"><span style="font-size:22pt;">▼</span></p> <p align="center"><span style="font-size:22pt;"> </span></p> <p align="center"><span style="font-size:22pt;">▼</span></p>
FREECOUNT.NET 프카넷 생긴날 2003.12.20
홈
|
카운터
|
플래시북
|
프리보드
|
전광판
|
웹공부방
|
커뮤니티
|
쪽지함
