스크롤 바코드 생성기_javascript 기술

<!-- START_CLIENT_SCRIPT --> <!-- END_CLIENT_SCRIPT --> <!-- START_CLIENT_STYLE --> <style> <SCRIPT LANGUAGE="JScript"> function copy2Clipboard() { // Copies currently displayed code to user's clipboard taCode.innerText = code.innerText; textRange = taCode.createTextRange(); textRange.execCommand("RemoveFormat"); textRange.execCommand("Copy"); } --> <SCRIPT LANGUAGE="VBSCRIPT"> <!-- function fnReset() // Unbold all spans s3d1.style.fontWeight = "normal" s3d2.style.fontWeight = "normal" sArrow1.style.fontWeight = "normal" sArrow2.style.fontWeight = "normal" sBase1.style.fontWeight = "normal" sBase2.style.fontWeight = "normal" sDark1.style.fontWeight = "normal" sDark2.style.fontWeight = "normal" sFace1.style.fontWeight = "normal" sFace2.style.fontWeight = "normal" sHighlight1.style.fontWeight = "normal" sHighlight2.style.fontWeight = "normal" sShadow1.style.fontWeight = "normal" sShadow2.style.fontWeight = "normal" end function function fnChange(sInProp) fnReset() Select Case sInProp Case "3d" oTextArea.style.scrollbar3dLightColor = _ o3d.options(o3d.selectedIndex).value s3d2.innerText = o3d.options(o3d.selectedIndex).value s3d2.style.fontWeight = "bold" s3d1.style.fontWeight = "bold" Case "arrow" oTextArea.style.scrollbarArrowColor = _ oArrow.options(oArrow.selectedIndex).value sArrow2.innerText = oArrow.options(oArrow.selectedIndex).value sArrow2.style.fontWeight = "bold" sArrow1.style.fontWeight = "bold" Case "base" oTextArea.style.scrollbarBaseColor = _ oBase.options(oBase.selectedIndex).value sBase2.innerText = oBase.options(oBase.selectedIndex).value sBase2.style.fontWeight = "bold" sBase1.style.fontWeight = "bold" Case "dark" oTextArea.style.scrollbarDarkShadowColor = _ oDark.options(oDark.selectedIndex).value sDark2.innerText = oDark.options(oDark.selectedIndex).value sDark2.style.fontWeight = "bold" sDark1.style.fontWeight = "bold" Case "face" oTextArea.style.scrollbarFaceColor = _ oFace.options(oFace.selectedIndex).value sFace2.innerText = oFace.options(oFace.selectedIndex).value sFace2.style.fontWeight = "bold" sFace1.style.fontWeight = "bold" Case "highlight" oTextArea.style.scrollbarHighlightColor = _ oHighlight.options(oHighlight.selectedIndex).value sHighlight2.innerText = oHighlight.options(oHighlight.selectedIndex).value sHighlight2.style.fontWeight = "bold" sHighlight1.style.fontWeight = "bold" Case "shadow" oTextArea.style.scrollbarShadowColor = _ oShadow.options(oShadow.selectedIndex).value sShadow2.innerText = oShadow.options(oShadow.selectedIndex).value sShadow2.style.fontWeight = "bold" sShadow1.style.fontWeight = "bold" End Select end function '--> P { 여백 상단: .6em; 여백-하단: .6em; } BODY { 여백-왼쪽: 0pt; 여백 상단: 0pt; 글꼴 크기: 80%; 글꼴 모음: Verdana, Arial, Helvetica, MS Sans Serif; } H1 { 글꼴 크기: 145%; 여백 상단: 1.35em; 여백-하단: .5em; } PRE { 글꼴 계열: Courier New; 글꼴 크기: 130%; 배경: #EEEEEE; 여백 상단: 1em; 여백-하단: 1em; 왼쪽 여백: 0pt; 패딩탑: 5pt; 패딩 바닥: 5pt; 왼쪽 패딩: 5pt; 패딩 오른쪽: 5pt; } TABLE { 글꼴 크기: 100%; } TR { 수직 정렬: 상단; } TD { 여백: 3pt; }</style> <!-- END_CLIENT_STYLE --> <!--TOOLBAR_START--> <!--TOOLBAR_EXEMPT--> <!--TOOLBAR_END--> <div class="clsDocBody"> <!-- DOCUMENT CONTENT START --> <p> </p> <table border="2" bgcolor="#DDDDDD" width="100%"> <tr> <td valign="TOP"> <table width="401"> <tr> <td background="graygrid.gif" align="CENTER" valign="CENTER" bgcolor="#EEEEEE" height="300" width="400"> <textarea cols="40" rows="5" wrap="off" id="oTextArea" onkeyup="sTextArea.innerText=oTextArea.innerText">TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다. 이는 TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다. 이는 TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다. 이는 TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다. 이는 TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다.

scrollbar-3dlight-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-arrow-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-base-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-darkshadow-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-face-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-highlight-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-shadow-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow

스크롤바 색상 속성

이 창의 왼쪽 하단에 있는 컨트롤을 사용하여 텍스트를 수정합니다. 텍스트를 생성하는 데 사용된 코드는 아래 영역에 표시됩니다.

Scrollbar Color Properties

Modify the text using the controls on the lower left portion of this window. The code used to generate the text is shown in the area below.

     <span id="sTextArea">This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below. This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below. This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below. This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below. This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below.</span>

Copy Code to Clipboard

  <스타일>     .TA {scrollbar-3dlight-color:;            스크롤 막대-화살표-색상:;            스크롤바-베이스 색상:;            스크롤바-darkshadow-색상:;            스크롤바-얼굴-색상:;            스크롤바-하이라이트-색상:;            스크롤바-그림자-색상:}      <span id="sTextArea">이것은 TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다. 이는 TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다. 이는 TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다. 이는 TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다. 이는 TEXTAREA 요소 내부의 텍스트입니다. 아래 컨트롤을 사용하여 이 요소의 스크롤 막대 색상을 변경할 수 있습니다.</span>

클립보드에 코드 복사
[Ctrl A 전체选 注:如需引入외부Js需刷新才能执行]