책갈피(<a name=~>) 부드럽게 이동, jquery 정보
책갈피(<a name=~>) 부드럽게 이동, jquery
관련링크
첨부파일
본문
jquery library 이용... 반드시 jquery-1.7.2.min.js, jquery.anchor.js 순서로 코딩.
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/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="<?=$g4['path']?>/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/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을 클릭하면 부드럽게... 스르르....
추천
3
3
댓글 3개
좋은 팁 감사합니다.
오호 좋습니다.
스크랩 해둡니다. ^^