javascript 및 css를 사용하는 사용자 지정 드롭 다운 상자

Question

javascriit 및 css를 사용하여 사용자 지정 드롭 다운 상자를 만들 수 있습니까?

하는 내가

예 경우, 또는 전혀 자바 스크립트를 사용하여 드롭 다운 상자에 대한 배경 이미지를 배치해야합니까? 경우 예 . 어떤 제안을 주시겠습니까? JQuery와

를 사용하지 않고

는

Answer 1

당신은 jQTransform

Answer 2

이 과잉 될 수를 확인하실 수 있습니다; SproutCore은 기본 HTML 요소가 아닌 이미지로 구성된 입력 요소를 제공합니다. 비슷한 일을하는 다른 프레임 워크가있을 수 있습니다.

기본적인 아이디어는 CrazyJugglerDrummer가 제안하는대로 div 또는 무언가를 만들고 클릭 핸들러를 클릭하는 것입니다. 핸들러는 선택된 요소를 모방하기 위해 애니메이션을 설정합니다. 또한 의사 선택 항목 중 하나를 선택하면 JavaScript를 사용하여 숨겨진 실제 선택 또는 입력 요소에 해당 값을 보냅니다.

Answer 3

여기에 좋은 tutorial on creating custom drop-down입니다.

JQTransform (Olafur가 제안한대로)이면 충분합니다. 아이콘 추가와 같은 더 많은 제어가 필요하다면 튜토리얼을 살펴 보는 것이 좋습니다.