위로 올라가는 버튼1 위로 가는 버튼 화면에 떠 다니는 버튼을 클릭하면 페이지의 가장 위로 이동된다. 처음에는 CSS만으로 적용해서 사용을 했는데 클릭시 화면이 그냥, 막, 순신간에 위로 이동되어 버려 재미?가 없어 제이쿼리_jQuery 를 함께 적용해서 부드럽게 화면이 바뀌면서 위로 올라가는 모습으로 바꾸었다. 오른쪽에 있는 위쪽 화살표의 버튼을 클릭! HTML CSS /* 위로 가는 버튼 */ #top a { position:fixed; bottom:5px; right:15px; z-index:5; font-size:30px; color:#fff; text-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px, rgba(0, 0, 0, 0.3) 0 0 10px;" } 배움터_일반/TIStory 2016. 7. 13. 이전 1 다음
