책갈피(<a name~>) 부드럽게 이동, jquery 정보
책갈피(<a name~>) 부드럽게 이동, jquery
관련링크
첨부파일
본문
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을 클릭하면 부드럽게... 스르르
<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을 클릭하면 부드럽게... 스르르
추천
6
6
댓글 8개
감사합니다
좋은 자료 감사합니다.
감사합니다.
좋은 자료네요.
스르르 잘되네요~
좋은 자료 감사합니다 ㅠ
감사합니당~~
z
