jQuery_jquery로 구현된 시뮬레이션된 드롭다운 상자 코드

많은 그룹 구성원들이 드롭다운 박스 미화에 대해 질문해왔습니다. 이제 드롭다운 박스 미화의 제작 과정을 설명하겠습니다. 실제로는 시뮬레이션된 드롭다운 박스입니다.
질문 1: 드롭다운 상자를 시뮬레이션하는 이유는 무엇입니까?
1. 브라우저에 포함된 드롭다운 상자 스타일이 보기에 좋지 않습니다.
2. IE6에서는 드롭다운 상자의 우선순위가 레이어의 우선순위보다 높기 때문에 드롭다운 상자가 레이어 위에 표시되는 경우가 많습니다.
자, 이 문제를 이해한 후 우리는 jQuery를 사용하여 시뮬레이션된 드롭다운 상자를 만들기 시작했습니다.

1단계: 먼저 구조 구축
일반적인 드롭다운 상자 코드입니다.
XML/HTML 코드

코드 복사 코드는 다음과 같습니다.

옵션 1
<옵션 값="2">옵션 2<옵션 값="3">옵션 3 <옵션 값="4">옵션 4
<옵션 값="5">옵션 5
<옵션 값="6">



이것은

XML/HTML 코드

code 코드는 다음과 같습니다.

옵션 1
< ;ul class="CRselectBoxOptions">

옵션 1 < ;/li>

옵션 2>

옵션 3>

옵션 5

옵션 6>< ;/li>

<title> </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <link rel="stylesheet" href="css/CRselectBox.css" type="text/css">1. 毹检