닫기
이전 다음

NOTICE

새로움을 향한 설.레.임

select box(셀렉트 박스) design 디자인 입히기 / jquery(플러그인),css로 만드는 select / jqt…

페이지 정보

작성자 홈피사랑 작성일15-06-10 12:35 조회10,949회 댓글0건

본문

 

요새 홈페이지를 보면 기본 select 를 안쓰는데요, jquery와 css로 간단하게 이쁘게 만들수있습니다.

 

예제소스

 

<script type="text/javascript">
 $(function(){
  $('#select_container').jqTransform();
 });
</script>
<style>
 #select_container{width:150px; margin:100px;}
</style>

 

 

html

 

<div id="select_container">
  <select class="m_select select01">
   <option value="">test01</option>
   <option value="">test01</option>
   <option value="">test01</option>
   <option value="">test01</option>
  </select>
 </div>

 

예제링크

http://hompylove.com/coding_test/select/

 

예제다운

http://hompylove.com/coding_test/select/down.zip

 

댓글목록

등록된 댓글이 없습니다.

홈피사랑 제공서비스

  • 홈피사랑 홈페이지제작 1.웹표준, 크로스브라우징 지원

    웹표준, 크로스브라우징 지원

    IE, 크롬, 사파리,파이어폭스 등 어떤 브라우저에서도 동일하게 홈페이지가 보여질 수 있도록 제작됩니다.

  • 홈피사랑 홈페이지제작 2.호스팅/도메인 1년 무상지원

    호스팅/도메인 1년 무상지원

    기본형 호스팅,도메인 1년 무상지원

  • 홈피사랑 홈페이지제작 3.원본파일제공

    원본파일제공

    추후 수정 및 유지관리가 용이하도록 제작완료 후 홈페이지 소스를 제공합니다.

  • 홈피사랑 홈페이지제작 4.검색등록 무료지원

    검색등록 무료지원

    네이버,다음 사이트 및 지역검색 등록 지원 및 노출 키워드제안(협의후)