selectbox 라이브러리 selectric, 손쉽게 예쁜 selectbox 만들기

selectbox 라이브러리 selectric 

selectbox 라이브러리 중에서 selectric 을 이용하면 아래와 같이, 다양한 형태의 selectbox를 쉽게 만들 수 있습니다. 

selectbox라이브러리

 

 

 

 

 

아래 사이트에 접속하시면 데모코드를 확인하실 수 있습니다. 

 

예쁜selectbox

 

 

 

 

 

기본적인 사용방법

 

selectbox 라이브러리를 이용하기 위해서는 CDN을 이용하거나, 소스코드를 다운로드 받아서 사용하시면 됩니다. 아래와 같이 1번 또는 2번의 방법으로 라이브러리를 포함시킵니다. 

 

 

selectric.css 도 포함시켜줍니다. 

 

그런후에 적용하려는 selectbox에 selectric() 를 실행시켜주기만 하면 됩니다. 

 

예쁜selectbox

 

 

 

 

다양한 테마와 커스텀 기능

 

sectctric 홈페이지에서는 아래와 같이 테마를 제공합니다. 기본테마부터 다양한 형태와 색상의 테마까지 제공하고, 내가 원하는 대로 설정할 수 있는 Custom 기능까지 제공하고 있습니다.