Advertise here

 

블로그의 포스트가 길어질 경우 'top'버튼은 꽤 유용하게 사용됩니다.

클릭 한번으로 일반적인 메뉴들이 모여있는 최상단으로 화면을 이동시켜주죠...

이 'goto top'버튼을 만드는 방법은 꽤 다양합니다만

4줄짜리 코드로 간단하게 'top'버튼을 삽입할 수 있는 방법을 소개합니다.

 

[code html]

<span style=float:right;>
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="./images/bull_top.gif" alt="" /> goto top</a>
</span>

 [/code]


위 코드를 </body> 위에 적어주시면 됩니다.

주황색 코드와 문자는 본인의 블로그에 맞게 고쳐주시면 됩니다.

 

Posted by KIMCHUL
Technology 2010. 4. 27. 17:10
,