권장 : ASP는 정적 HTM 페이지 기본 코드를 생성합니다 공식 참조 매뉴얼, 권위있는 기술 매뉴얼 다운로드 전자 도서 자습서 분류 다음 상자는 mk.asp 파일의 특정 코드입니다 : -------------------- --------------------------------------------------------- -------------------------------------------------- -------------------------------
최근에 전체 화면 레이어와 함께 많은 시뮬레이션 된 화면 잠금 장치를 사용하는 Ajax 프로젝트에서 작업하고 있지만 두통이 있습니다. 즉, 드롭 다운 목록 상자는 항상이 문제를 해결하기 위해 표시됩니다 , 나는이 JS 수업을 썼습니다.
효과 미리보기 :
프로그램 코드 :
| 다음은 인용 된 내용입니다. <html> <헤드> <meta http-equiv = content-type content = text /html = gb2312 /> <title> js div simulates select form elements </title> <스크립트 언어 = javaScript> seloptions = { 이름 : seloptions, // 이것은 배열의 이름입니다 데이터 : 새로운 배열 () } seloptions.data [0] = 새로운 배열 (0, 옵션 0) seloptions.data [1] = 새로운 배열 (1, 옵션 1) seloptions.data [2] = 새로운 배열 (2, 옵션 2) seloptions.data [3] = 새로운 배열 (3, 옵션 3) seloptions.data [4] = 새로운 배열 (4, 옵션 4) seloptions.data [5] = 새로운 배열 (5, 옵션 5) seloptions.data [6] = 새로운 배열 (6, 옵션 6) seloptions.data [7] = 새로운 배열 (7, 옵션 7) seloptions.data [8] = 새로운 배열 (8, 옵션 8) seloptions.data [9] = 새로운 배열 (9, 옵션 9) seloptions.data [10] = 새로운 배열 (10, 옵션 10) seloptions.data [11] = 새로운 배열 (11, 옵션 11) seloptions.data [12] = 새로운 배열 (12, 옵션 12) seloptions.data [13] = 새로운 배열 (13, 옵션 13) seloptions.data [14] = 새로운 배열 (14, 옵션 14) seloptions.data [15] = 새로운 배열 (15, 옵션 15) tmhselect = { // 주요 함수 // 매개 변수 의미 : 컨테이너, 이름, 데이터 [배열], 기본 항목, 너비, 동작 (목적 함수에는 매개 변수가 없음) show : function (obj, selectname, dataobj, seloption, 너비, 동작) { var data = dataobj.data; var _obj = document.getElementById (obj); if (! _ obj || typeof (_obj) == undefined) {return false;} var s1 = document.createElement (div); if (isnan (너비) || 너비 ==) {너비 = 150;} else if (width <26) {width = 26;} s1.style.width = 너비; s1.onmouseleave = function () {tmhselect.hidden (selectName)}; var str =; // 데이터가 있는지 판단합니다 if (data.length> 0) { // 데이터가있을 때 데이터 옵션 목록 표시 str = <입력 유형 = 'hidden'name = 'selectName'id = 'selectName'value = 'tmhSelect.relv (seloption, data)'>; str = <div id = '_ a_ selectname'style = '너비 : 높이 : 18px; str = <div id = '_ v_ selectName'style = '위치 : 상대; 플로트 : 왼쪽; 왼쪽; 왼쪽 : 2px; 너비 : (width-22) px; 높이 : 18px; font-size : 12px; 오버 플로우 : hidden; line- 높이 : 18px; str = <div style = '위치 : 상대; 플로트 : 오른쪽; 오른쪽; 오른쪽 : 0px; 너비 : 18px; 높이 : 18px; 텍스트-정렬 : 중심; 글꼴-가족 : 웹 딩; 글꼴 크기 : 16px; 오버 플로우 : 숨겨진; 배경 -Color : #CCCCCC; 커서 : 포인터! 중요; 커서 : onclick =/tmhselect.showoptions ( 'selectName');/> 6 </div>; str = </div>; str = <div id = '_ electname'style = '위치 : #fffff; X : 숨겨진; 오버플로-auto; 디스플레이 : 없음; for (i = 0; i <data.length; i) { str = <div id = '_ s_ selectname'style = 'tmhselect.style (1, data [i] [0], seloption)'onmouseover =/tmhselect.css (2, this, data [0] ' , 'selectName')/ onMouseOut =/ tmhSelect.css (1, 'data [i] [0]', 'selectName')/ onclick =/ tmhselect.selected ( 'data [i] [0]' , dataObj.name, 'action')/> data [i] [1] </div>; } str = </div>; }또 다른{ // 데이터가 없을 때 빈 양식이 표시됩니다. str = <입력 유형 = 'hidden'name = 'selectName'id = 'selectName'value = 'seloption'>; str = <div id = '_ a_ selectname'style = '너비 : 높이 : 18px; str = <div id = '_ v_ selectName'style = '위치 : 상대; 플로트 : 왼쪽; 왼쪽; 왼쪽 : 2px; 너비 : (width-22) px; 높이 : 18px; font-size : 12px; 오버 플로우 : hidden; line- 높이 : 18px; str = <div style = '위치 : 상대; 플로트 : 오른쪽; 오른쪽; 오른쪽 : 0px; 너비 : 18px; 높이 : 18px; 텍스트-정렬 : 중심; 글꼴-가족 : 웹 딩; 글꼴 크기 : 16px; 오버 플로우 : 숨겨진; 배경 -Color : #CCCCCC; 커서 : 포인터! 중요; 커서 : onclick =/tmhselect.showoptions ( 'selectName');/> 6 </div>; str = </div>; str = <div id = '_ b_ selectname'style = 'bearkgry-color; HIDDEN; OVERFLOW-Y : AUTO; DISPINE : NONE; Z-INDEX; '> </div>; } s1.innerhtml = str; _obj.appendChild (S1); }, // 선택한 항목의 값을 반환합니다 값 : function (n) {return document.getElementById (n) .Value;}, // 선택한 항목의 텍스트를 반환합니다 텍스트 : function (n) {return document.getElementById (_v_ n) .innerText;}, 선택 : 함수 (O, V, DN, Action) { var d = dn.data; var n = o.id.replace (/(_ s _)/gi,) document.getElementById (n) .Value = V; document.getElementById (_v_n) .innerHtml = tmhselect.rest (d, v); tmhselect.showoptions (n) for (var i = 0; i <document.getElementByid (_b_n) .childnodes.length; i) { document.getElementById (_b_n) .childnodes [i] .style.csstext = tmhselect.style (1) } o.style.csstext = tmhselect.style (2); if (action! = && action! = null) { {eval (action)} catch (e) {} try } }, relv : 함수 (v, d) { for (i = 0; i <d.length; i) { if (d [i] [0] == v) { 반환 v; } } if (v == null || v ==) { 반환 d [0] [0]; } }, 구속 : 함수 (d, m) { for (i = 0; i <d.length; i) { if (d [i] [0] == m) { 반환 d [i] [1]; } } if (m == null || m ==) { 반환 d [0] [1]; } }, 높이 : 기능 (l) {var h; if (l> 10 || l <1) h = 10 * 15; showoptions : function (n) { var o = document.getElementById (_b_n) if (o.style.display == 없음) o.style.display =; 또 다른 o.style.display = 없음; _selectOptionselm = O; }, 숨겨진 : 기능 (n) { document.getElementById (_b_n) .style.display = none; }, 스타일 : 기능 (m, v1, v2) { var cs =; if (v1 == v2 && v1! = && v1! = null) {m = 2;} 스위치 (m) { case 1: CS = 15px; 부서지다; case 2: CS = 15px; 부서지다; } 반환 CS; }, CSS : 함수 (s, obj, v, n) { var v1 = document.getElementById (n) .Value; if (v == v1) { obj.style.csstext = tmhselect.style (2); 반품; }또 다른{ obj.style.csstext = tmhselect.style (s) } } } 기능 test () { alert (tmhselect.value ( 'test')); } </script> </head> <body> <div id = testdiv> < /div> <br /> <입력 유형 = 버튼 이름 = 버튼 값 = 텍스트보기 onclick = alert (tmhselect.text ( 'test')) /> <입력 유형 = 버튼 이름 = 버튼 값 = 옵션 옵션 옵션 onclick = alert (tmhselect.value ( 'test')) /> <스크립트 언어 = javaScript> tmhselect.show (treviv, test, seloptions ,, 160, test ()); </script> </body> </html> |
공유 : ASP 중국어 to Pinyin, Custom Special Words 지원 이번에는 내가 사용했던 블로그 프로그램을 업데이트했으며, 정적 파일을 생성하여 기사 제목의 Pinyin을 사용하여 텍스트를 Pinyin으로 변환하는 방법이 포함됩니다. GB2312에 따라 정상이어야하며