웹마스터 팁
부드럽게 스크롤바를 따라다니는..+_+
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 부터 링크설정 되어있긴 하지만...
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 원하는시간에 팝업창을 띄우고 원하는 시간에 닫어뻐리는;; [2] | 키르(絶對) | 2002.06.13 |
| 부드럽게 스크롤바를 따라다니는..+_+ [6] | 키르(絶對) | 2002.06.13 |
| 플래쉬 효과나는 신비 메뉴 - -? *수정+카피라이터~ [17] | ▩윤미 | 2002.06.09 |
자바스크립트 이해하기...3
[1]
 | Eccen | 2002.06.05 |
| 서서히 이미지를 변경시켜주는 환상적인 룰오버효과 [7] | ▩윤미 | 2002.05.31 |
|
마우스에 축구공 따라다니는 자바 스크립트..
[6]
| MR.HMH | 2002.05.30 |
| 어설픈 링크방지[정확한 경로로 오세요] [5] | 이성영 | 2002.05.30 |
|
자바스크립트 이해하기...2
[1]
| Eccen | 2002.05.30 |
|
자바스크립트 이해하기...1
[13]
| Eccen | 2002.05.26 |
| 폼안의 텍스트 입력시 실시간 카운팅 ? [8] | 카멜롯™ | 2002.05.20 |
| 링크된 텍스르 마우스 오버시 그림이 변한다.(메뉴로도..) [1] | ▩윤미 | 2002.05.19 |
| 글자가 커졌다가 작아졌다가.. [1] | Anice | 2002.05.17 |
| 텍스트박스안에서 춤추는글자 [1] | Anice | 2002.05.16 |
| 자바로 만든 퍼즐 겜^^; [8] | ☆봄비ㆀ | 2002.05.11 |
| 타이틀바 도, 움직인다! 캬하! (상태바 아님) [10] | ▩윤미 | 2002.05.06 |
| 웹브라우저, 언어, 운영체제 보여주기.. [3] | 이동기 | 2002.04.29 |
| 이미지 오버랩 (속도 조절 가능, 이미지 갯수 제한 없음) [8] | 조해성 | 2002.04.25 |
| 자바스크립트 실행시점 | Jacylee | 2002.04.11 |
| 배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
| 조그만한창 열기. ^.^ [5] | 아이쿠 | 2002.04.02 |