이전
목록
다음
웹

책갈피(<a name~>) 부드럽게 이동, jquery

웹이지
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2013-12-10 (화) 11:17:23 · 11470 · 8

링크

http://www.position-relative.net/creation/anchor/ (644)
jquery library 이용... 반드시 jquery-1.8.3.min.js, jquery.anchor.js 순서로 코딩.

<script type="text/javascript" src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<?php echo G5_JS_URL ?>/jquery.anchor.js"></script>

<a id="btop" name="btop"></a> <!-- 책갈피 지정되는 태그 a에 name과 id를 아래에서 지정한 href와 같도록 맞춰줍니다. -->

----- 내용 -----

<a href="#btop" class="anchorLink">Top</a> <!-- 책갈피 링크 태그 a에 class="anchorLink" 를 추가 -->

Top을 클릭하면 부드럽게... 스르르

첨부파일

jquery-1.8.3.min.js (91.4 KB) 67회 2013-12-10 11:17
jquery.anchor.js (937 bytes) 136회 2013-12-10 11:17
|

댓글 8개

nnaiyumie
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-12-10 (화) 14:51:32
감사합니다
동글이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-12-10 (화) 14:58:32
좋은 자료 감사합니다.
원원더리
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-12-11 (수) 12:21:45
감사합니다.
pport
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-12-12 (목) 11:29:06
좋은 자료네요.
크크림77
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-12-12 (목) 21:00:33
스르르 잘되네요~
누누갸
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-12-24 (화) 13:58:41
좋은 자료 감사합니다 ㅠ
주주봉이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2015-11-02 (월) 01:09:45
감사합니당~~
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
14-01-20 조회 2.3만
14-01-16 조회 9,991
14-01-15 조회 8,881
14-01-14 조회 1.6만
14-01-13 조회 8,144
14-01-12 조회 7,491
14-01-11 조회 8,517
14-01-11 조회 8,640
14-01-09 조회 1.4만
14-01-09 조회 1.2만
14-01-08 조회 9,213
14-01-07 조회 1.2만
14-01-04 조회 9,608
14-01-03 조회 9,459
14-01-02 조회 7,495
14-01-01 조회 1.2만
13-12-31 조회 7,247
13-12-31 조회 1.7만
13-12-23 조회 1.4만
13-12-21 조회 1.2만
13-12-20 조회 1.2만
13-12-20 조회 8,350
13-12-20 조회 9,929
13-12-18 조회 7,758
13-12-18 조회 7,637
13-12-16 조회 1.1만
13-12-14 조회 9,843
13-12-14 조회 1.4만
13-12-10 조회 1.1만
13-12-07 조회 9,888
글쓰기