웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
부드럽게 스크롤바를 따라다니는..+_+
2002.06.13 09:53
예제(?) >> http://slowplus.com
(예제페이지를 따로 못만들어서 죄송해요...;;)
보시면 Love story라는 글씨가 적혀있는 박스와 S.P Avata라는 글이 적혀있는 박스가
스크롤바를 부드럽게 따라다니는 모습을 볼 수 있을꺼에요..^^;;
------------------------------------------------------------------------------------
<head>와 </head>사이에 다음을 붙여넣으세요..^^
<style type="text/css">
<!--
#floater {Z-INDEX: 10; VISIBILITY: visible; POSITION: absolute;}
-->
</style>
<body>와 </body>사이에 다음을 붙여넣으세요..^^
<script language="Javascript" src="http://slowplus.com/float.js"></script>
<a name="top"></a>
<DIV id=floater style="LEFT: 0px; TOP: 30px; z-index: 10; width: 8; height: 281px; visibility: visible" align=left>
<div id="top" style="width:18px; height:49px; position:absolute; left:830px; top:50px; z-index:17;"><a href="링크될곳 주소" target=_blank><img src="이미지주소" border="0"></a></div>
</div>
------------------------------------------------------------------------------------
left , top 으로 위치를 잘 지정해서 사용해주시구요..^-^
꼭 a href태그가 아닌 테이블이나 또다른 문서를 연결해도 된답니다..^^
제가 만든 스크립트가 아니라 자세하게 설명해드릴건 없네요..-_-;;
아무튼 유용하게 쓰이시길 바랄께요..^^
written by Kir / in S.P (하핫; html체크를 안해서 로고를..-_-;;)
(예제페이지를 따로 못만들어서 죄송해요...;;)
보시면 Love story라는 글씨가 적혀있는 박스와 S.P Avata라는 글이 적혀있는 박스가
스크롤바를 부드럽게 따라다니는 모습을 볼 수 있을꺼에요..^^;;
------------------------------------------------------------------------------------
<head>와 </head>사이에 다음을 붙여넣으세요..^^
<style type="text/css">
<!--
#floater {Z-INDEX: 10; VISIBILITY: visible; POSITION: absolute;}
-->
</style>
<body>와 </body>사이에 다음을 붙여넣으세요..^^
<script language="Javascript" src="http://slowplus.com/float.js"></script>
<a name="top"></a>
<DIV id=floater style="LEFT: 0px; TOP: 30px; z-index: 10; width: 8; height: 281px; visibility: visible" align=left>
<div id="top" style="width:18px; height:49px; position:absolute; left:830px; top:50px; z-index:17;"><a href="링크될곳 주소" target=_blank><img src="이미지주소" border="0"></a></div>
</div>
------------------------------------------------------------------------------------
left , top 으로 위치를 잘 지정해서 사용해주시구요..^-^
꼭 a href태그가 아닌 테이블이나 또다른 문서를 연결해도 된답니다..^^
제가 만든 스크립트가 아니라 자세하게 설명해드릴건 없네요..-_-;;
아무튼 유용하게 쓰이시길 바랄께요..^^
written by Kir / in S.P (하핫; html체크를 안해서 로고를..-_-;;)
댓글 6
-
document
2002.06.13 10:05
내가 찾떤거다.. +_+ 감사해요 -
~_~
2002.06.13 10:10
엄청난 약점이 있습니다. 저같이 작업표시줄을 크게해놓고 사용하는 사람에게는 안보입니다. -0-; -
키르(絶對)
2002.06.13 10:15
~_~// 하핫;; 그런분도 계시나요...-_-
하지만 괜찮아요...^-^ 스크롤될 문서 or 이미지를 우측 상단쯤에 위치시키면 되니까요 하핫; -
Eccen
2002.06.13 14:07
또하나;;
무한 스크롤이 가능하다;; -
행복=진만
2002.07.03 07:11
일종의 떠있는 레이어 같습니다. -
Eccen
2002.08.05 03:38
js 스크립트를 공개하셔야죠 -_-++
http 부터 링크설정 되어있긴 하지만...
제목 | 글쓴이 | 날짜 |
---|---|---|
자동 스크롤 메뉴 (끄기 기능, 무한 스크롤 X) [6] | ☺심심 | 2004.05.02 |
아이프레임 가로스크롤바 없애기 [3] | 백승창 | 2004.05.28 |
어쩌다 나온 깔끔한 그레이 스크롤바.. 흠흠.. [11] | ☺심심 | 2004.06.06 |
페이지 회색스크롤바로 바꾸기 | 편입성공기 | 2004.12.06 |
무지 짧은 소스로 스크롤바를 왼쪽으로 옮겨보자 [4] | 한용 | 2005.11.10 |
아이프레임 스크롤바를 투명하게 | wwolf | 2008.09.21 |
css 정리 파일(한글)
[3]
![]() | 미곰탱 | 2009.01.22 |
[JavaScript] 전체화면으로 페이지 열기 [2] | SM | 2002.02.24 |
[JavaScript] 채널모드로 윈도우 열기 | SM | 2002.02.24 |
[JavaScript] 일반적인 형태의 전체크기 윈도우 열기 | SM | 2002.02.24 |
스크롤바색상바꿔주는프로그램(수정) [3] | 이슈™ | 2002.03.13 |
자동 팝업창띠우기 소스 [4] | 이슈™ | 2002.03.13 |
부드럽게 스크롤바를 따라다니는..+_+ [6] | 키르(絶對) | 2002.06.13 |
개판 오분전 넷 오디오 최종 수정판
[6]
![]() | 미친개 | 2002.07.28 |
원하는 위치에서 스크롤바를 부드럽게 따라다님 [10] | ▩윤미 | 2002.08.20 |
엔지오같은 메뉴 만들기 #2 - Error 수정판 -_-;; [13] | Eccen | 2002.11.12 |
iframe 내용에 맞게 자동으로 크기 조절하기 [36] | 행복한고니 | 2002.11.21 |
요청해오신 레이어 무조건 중앙에 열리기 와 클릭하는 곳에 열리기 두가지 소스입니다. [4] | 모라미 | 2003.02.25 |
메뉴이동입니다. [5] | 데빌스텔스 | 2003.04.20 |
HTML경고창 [수정#2] [14] | [락위듀]아렌티 | 2003.07.26 |