제이쿼리2 위로 가는 버튼 화면에 떠 다니는 버튼을 클릭하면 페이지의 가장 위로 이동된다. 처음에는 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. 스크롤바의 움직임에 따라 헤드_header 부분이 숨겨지는 기능인데 꼭 헤드부분만 숨겨지는 것이 아니라 원하는 부분_div도 가능하다. 2. 숨겨지는 헤드 바탕에 이미지를 적용해 단순해진 블로그에 작은 감정이라도 느껴지도록 했다. 3. 모바일 화면에서 나타나는 버튼을 클릭하면 레이어_Layer가 나타나는 기능으로 일반적으로 여기다 카테고리를 집어넣어 현재의 블로그처럼 사용하는데 소스가 다르다. ≡ ≡ 오늘: , 어제: , 손님: REMEMBER 20140416 설명과 지료가 있는 곳이다. : http://brilliantcoding.xyz/entry/Jquery-%EC%A0%9C%EC%9D%B4%.. 배움터_일반/TIStory 2016. 6. 26. 이전 1 다음
