JS CSS를 아름 답게 선택 코드

JS CSS 자습서 선택 코드를 아름 답게 하 CSS div 사용 하 여 선택 옵션 오 모방,이 방법은 아래에 있다, 많은 얘기를 하지 잘 쓰레기.

<! doctype HTML 공개 "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.w3.org/tr/xhtml1/dtd/ Xhtml1 transitional.dtd ">
< html xmlns = "http://www.w3.org/1999/xhtml" >
< 헤드 >
< 메타 http-equiv = "content-type" 내용 = "text/html; charset = gb2312 "/ >
< 제목 > js http://www.jzread.com</title>에 의해 코드를 CSS 선택 조 경
< 스크립트 유형 = "텍스트/웹 효과" src = "Mselect.js" >< / 스크립트 >
< 스크립트 유형 = "텍스트/자바 스크립트" >
/*
우선,이 JS 지원 슬라이딩 확장, 원래 드롭 다운 onchange 이벤트, 선택/해제 속성
최대 지원 주요 선택, 아래 지원 양식을 리셋, 몇 가지는 말했다 해야 합니까?

다음, 저자는 angusyoung, 2010-4-10
* /
var myselect = 새로운 mselect ('Myselect', 'mselect.css');
window.onload= () 함수 {위한
var as=document.getelementsbytagname ('선택');
(var 나 = 0; 난 < as.length;i++) 없음
전환 ([i].getattribute ('msty')) {
경우 '레드라인':
myselect.create ([i], ' 레드라인');
휴식;
케이스 'bluecircle':
myselect.create ([i], 'bluecircle', true);
휴식;
케이스 'orangeheart':
myselect.create ([i], 'Orangeheart', true);
휴식;
}
}

} < / 스크립트 & gt
< / 헤드 >

< 바디 스타일 = "텍스트-정렬: 센터; 배경-색상: #cfdfef"
< h 2 > 정장 플레이, 양식을 제출! < / h 2 & gt
< 양식 이름 "Goodjob" 액션 = = "방법 =" 얻을 "onreset =" 경고 (' 하 하, 그렇게. '); "
< P > 당신의 이름을 입력: < 입력된 이름 = "testname" 유형 = "텍스트" / >< /P >
< p > 성별 선택:
< 선택 이름 "섹시" msty = = "Orangeheart"
< 옵션 > 기밀 < / 옵션 >
< 옵션 값 "0" = > 여성 < / 옵션 & gt
< 옵션 값 "1" = > 남성 < / 옵션 >
< / 선택 > </p > < p >

당신의 주소 선택:
< 선택 이름 "addr" msty = bluecircle = "onchange =" 경고 (' 선택한 주소는 '+this.options[this.selectedindex'). 텍스트 + ' 오른쪽? ');"
< 옵션 > 화성 < / 옵션 & gt
< 값 옵션 "GZ" = > 광주 < / 옵션 >
< 옵션 값 = "sz" 선택 "선택" = > 심천 < / 옵션 >
< 값 옵션 "St" = > 산 터 우 < / 옵션 >
< 옵션 값 = "" 비활성화 "비활성화" = > 하지 옵션 < / 옵션 >
< 값 옵션 "DG" = > 동 관 < / Opti에 & gt
< 옵션 값 "en" = > 주 < / 옵션 >
< / 선택 & gt </p > < p >

선택 나이:
< 선택 이름 = "나 이" msty = "레드라인"
< 옵션 값 = "18-25" > 18-25 < / 옵션 >
< 옵션 값 = "25-30" 선택 "선택" = > 25-30 < / 옵션 >
< 옵션 값 = "30-40" > 30-40 < / 옵션 & gt
< / 선택 >
< / p & gt
< p >< 단추 유형 "제출" = > 차례 언급 < / 버튼 >< 단추 유형 "리셋" = > 재설정 < / 버튼 >< / p & gt
< / 양식 >
< p > 아래는 리셋에 의해 영향을 받지 않습니다 양식입니다. < / p & gt
< 선택 이름 "www" msty = = "bluecircle"
< 옵션 > 개인 정보 보호 < / 옵션 >
< 옵션 값 "0" = > 여성 < / 옵션 >
< 옵션 값 "1" = > 남성 < / 옵션 >
< / 선택 >
< / 바디 & gt
< / html >