2
조회 수 : 5358 신고 : 0
미리보기 : |
---|
버튼이나 텍스트 링크 클릭시 원하는 곳으로 부드럽게 이동하는 소스입니다. 앵커(?)와 같지만 애니메이션이 들어갔다고 보시면됩니다.
먼저 첨부 파일을 보시면 js폴더안에 두개의 js파일이 존재합니다. 원하는 위치에 복사하시고 호출하시면됩니다.
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
그리고 <head>안에 아래소스를 삽입합니다.
<script type="text/javascript">
var scrollTab = function (sObj) {
$.scrollTo($("#" + sObj), 1000);
}
</script>
1000은 속도입니다. 수치가 작아질수록 이동속도가 빨라집니다.
그리고 <body>안에 클릭시 이동할 버튼이나 텍스트에 아래와 같이 작성합니다.
<a href="javascript:scrollTab('test');">이동</a>
버튼이 될수도 있고 텍스트가 될수도 있겠네요. test 는 원하는 네이밍으로 해주세요. 단 test를 클릭했을때 이동하는곳도 같은 이름이어야합니다.
test를 클릭했을때 이동될 곳을 아래처럼 합니다.
<div id="test">
이동되었을때 보여질 내용
</div>
아이디 값만 동일하면 됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상