본문 바로가기

반응형

자바스크립트

(2)
jQuery custom content scroller 웹 페이지의 일부 영역에 스크롤바를 붙이고 싶은가? 그렇다면, 여기에 jQuery 라이브러리를 활용해서 손쉽게 처리하는 방법이 있다. 현재 이 블로그에 적용된 라이브러리이기도 하다. 상세한 사용방법은 다음 사이트에서 확인할 수 있다. http://manos.malihu.gr/jquery-custom-content-scroller/ 라이브러리는 다음 주소에서 다운로드 받을 수 있다. https://github.com/malihu/malihu-custom-scrollbar-plugin 적용방법을 간략히 기술하자면, 우선, HTML의 HEAD 영역에 다음과 같이 CSS와 자바스크립트를 연결시켜준다. 그리고, 스크롤바를 적용하고자 하는 영역(주로 DIV)에 mCustomScrollbar() 메서드를 실행시켜주면..
미투데이 버튼 그리고 요즘 버튼 삽입된 현재 문서의 제목과 주소를 알아서 처리하는 기능이며, 공개된 공식 삽입 소스가 없어서 자바스크립트로 대충 만듦. 원래는 PHP로 소스를 뿌려주는 방식으로 짠건데 보기 좋게 살짝 손 봐서 올립니다. 웹 페이지의 적당한 삽입 위치에 태그를 지정해두고 스크립트가 실행되면 각각의 id를 찾아서 링크 주소 및 해당 이미지를 처리함. 웹페이지 yozm me2day 자바스크립트 /* /scripts/socialButtons.js */ var sPost = encodeURI(document.title); var sLink = encodeURI(window.location.href); var sTag = encodeURI("미투데이 태그"); me2day(sPost, sLink, sTag); yozm(sPost,..

반응형