> 웹 프론트엔드 > JS 튜토리얼 > js를 사용하여 프레임 숨기기 또는 표시를 제어하는 ​​방법solution_javascript 기술

js를 사용하여 프레임 숨기기 또는 표시를 제어하는 ​​방법solution_javascript 기술

WBOY
풀어 주다: 2016-05-16 17:39:47
원래의
1429명이 탐색했습니다.

index.htm

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


< head>



프레임 프레임 표시 및 숨기기 작업 - 51windows.net








<br><본문> <p><p>이 페이지는 프레임을 사용하지만 귀하의 브라우저는 프레임을 지원하지 않습니다. </p> <p></body><br>


main.htm

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





main - 51windows.net






<입력 유형 ="button" name="shbottom " id="shbottom" onclick="shbottom();" value="아래 부분 숨기기">


프레임 중첩:

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

head>


">

######################################## ##

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

;

제목 없는 문서<br></ head> <br> <framesetrows="77,181" cols="*"framespacing="0" border="0"> <p><frame src="abc.aspx"> <br><frame src ="cde.aspx"> <br></frameset> <br></body></noframes> > <br><br><br> </p>//**********************설명************************ **:<p>프레임셋은 웹페이지가 여러 개의 블록으로 나누어져 있으며, 각 블록은 서로 다른 웹페이지 파일입니다. iframe은 페이지의 어느 위치에나 삽입할 수 있는 삽입된 웹페이지입니다. 일반적으로 iframe을 사용하는 것이 더 유연합니다. </p> </div>프레임을 사용할 때는 페이지에 body 태그가 없어야 합니다. 프레임세트 태그는 <frameset>로 시작하고 </frameset>으로 끝나며 프레임이 포함된 쌍으로 나타납니다. <p>프레임셋은 프레임셋에 내장될 수도 있습니다. 중첩된 프레임, 프레임은 여러 수준에서 중첩될 수 있습니다. <br>나중에 Javascript를 사용하여 이 객체에 쉽게 액세스할 수 있도록 프레임세트의 ID는 다음과 같습니다. <br><br><br><br><br>코드 복사<br> </p> <div class="codetitle"> <span> 코드는 다음과 같습니다.<a style="CURSOR: pointer" data="27876" class="copybut" id="copybut27876" onclick="doCopy('code27876')"><u></u><framesetrows="58,*"frameborder="NO" border="0"framepacing="0"></a>< ;frame src="top.htm " name="topFrame" 스크롤="NO" noresize ><!--Header--></span><framesetrow="*,20" cols="*" framespacing="0"frameborder= "NO" border="0"></div><framesetrow="*" cols="120,15,*"framespacing="0"frameborder="NO" border=" 0" id="leftFrameSet" ><div class="codebody" id="code27876"><frame src="menu.htm" name="leftFrame" scrolling="NO" noresize><!--Menu--><br><frame src="mid.htm" name="midFrame" scrolling="NO" noresize><!--메뉴 축소 막대--><br><framesetrows="35,*"framespacing="0"frameborder ="NO" border=" 0"><br><frame src="navi.htm" name="righttop" scrolling="NO" noresize><!--Navigation--><br>< ;frameset cols="*, 200"framespacing="0"frameborder="NO" border="0"><br><frame src="" name="mainFrame"><br><frame src ="" name="rightFrame " scrolling="NO"><br></frameset><br></frameset><br></frameset><br><frame src="bottom. htm" name="bottomFrame" scrolling="NO" noresize><!--페이지 끝--><br></frameset> <br></frameset><br><br><br> <br>일반적으로 사용되는 프레임워크 구조:<br> <br>HTML 언어 분석-프레임세트 <FRAMESET> </div><NOFRAMES> <IFRAME> <p>프레임 개념은 </p> 동시에 여러 URL을 얻기 위해 여러 프레임 창으로 나뉩니다. <FRAMESET> <FRAME>이면 충분하며, 모든 프레임 태그는 결합된 HTML 파일에 배치되어야 합니다. 이 파일은 프레임이 분할되는 방식만 기록하고 데이터를 표시하지 않으므로 < ;BODY> 이 프레임을 탐색할 때 다른 프레임의 파일 대신 이 파일을 읽어야 함을 표시합니다. <FRAMESET>은 프레임 창을 나누는 데 사용됩니다. 각 프레임 창은 <FRAME> 태그로 표시됩니다. 예: <p> <br><br><br><br></p>코드 복사<p></p> <div class="codetitle"><span> 코드는 다음과 같습니다.<a style="CURSOR: pointer" data="10123" class="copybut" id="copybut10123" onclick="doCopy('code10123')"><u></u><frameset cols="50%, *"> ; </a> </span><frame name="hello" src="/up2u.html"> </a></span></div><frame name="hi" src="me2.html"> 🎜><div class="codebody" id="code10123"> <p>이 예에서는 <FRAMESET> 화면을 왼쪽과 오른쪽으로 균등하게 분할하여 왼쪽에 Up2u.html이 표시되고, <로 표시된 프레임 창이 표시됩니다. ;FRAME> 태그는 항상 위에서 아래로, 왼쪽에서 오른쪽으로 순서가 지정됩니다. </p> <p>이 섹션은 내용이 추가되고 더 자세한 내용을 제외하고는 Composer 강의실의 [응용 프로그램 프레임워크]와 거의 동일합니다. 웹 페이지 생성 도구를 배웠다면 언급하지 않습니다. HTML을 사용하는 경우에도 Composer 및 FrontPage와 같은 도구를 선택할 것입니다. </p> <p>■ <프레임세트> <프레임> </p><FRAMESET>은 프레임 태그라고 하며 HTML 문서를 프레임 모드로 선언하고 창이 분할되는 방식을 설정하는 데 사용됩니다. <p><FRAME>은 특정 프레임 창에서 매개변수 속성을 설정합니다. <br><FRAMESET> 매개변수 설정: <br>예: <framesetrows="90,*"frameborder="0" border=0framepacing="2" bordercolor="#008000"> <br>COLS="90,*" </p>화면을 세로로 자르고(예: 왼쪽과 오른쪽 두 개의 화면으로) 정수 값과 백분율을 허용하며, *는 남은 공간을 차지한다는 의미입니다. 값의 개수는 분할된 창의 개수를 나타내며 쉼표로 구분됩니다. 예를 들어 COLS="30,*,50%"는 세 개의 창으로 나눌 수 있습니다. 첫 번째 창은 너비가 30픽셀이고 두 번째 창은 첫 번째 창과 세 번째 창을 할당한 후 남아 있는 창입니다. 아래 공간인 세 번째 창은 전체 화면의 50%를 차지하고 너비는 상대적으로 분할됩니다. 숫자를 직접 조정할 수 있습니다. <p>ROWS="120,*" <br>화면 상단과 하단을 분리한 가로 자르기입니다. 값 설정은 위와 같습니다. Netacape가 이러한 유형의 프레임을 표시할 수 없는 경우가 있으므로 COLS 및 ROWS 두 매개변수만 동일한 <FRAMESET> 태그에 있어서는 안 됩니다. 따라서 여러 분할을 사용하십시오. <br>frameborder="0" <br>프레임의 테두리를 설정합니다. 값은 0과 1뿐입니다. 0은 테두리가 없음을 의미하고 1은 테두리를 표시한다는 의미입니다. (예 또는 아니오 방지) <br>border="0" <br>프레임의 테두리 두께를 픽셀 단위로 설정합니다. <br>bordercolor="#008000" <br>프레임 테두리 색상을 설정합니다. <br>framespacing="5" <br>공간을 보존하기 위해 프레임 사이의 간격을 나타냅니다. <br><FRAME> 매개변수 설정: <br>예: <frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0 " noresize 프레임 간격="6" bordercolor="#0000FF"> <br>SRC="a.html"<br>이 프레임 창에 표시할 웹 페이지 파일의 이름을 설정합니다. 각 프레임 창은 웹 페이지 파일과 일치해야 합니다. 절대 경로 또는 상대 경로를 사용할 수 있습니다. 둘 다에 대한 자세한 내용은 [링크 고급]을 참조하세요. </p>NAME="top"<p>링크할 프레임을 지정할 수 있도록 이 프레임 창의 이름을 설정합니다. 이름은 임의로 지정해야 합니다. <br>frameborder=0<br>프레임의 테두리를 설정합니다. 값은 0과 1뿐입니다. 0은 테두리가 없음을 의미하고 1은 테두리를 표시함을 의미합니다. (예 또는 아니오 사용 방지) <br>framespacing="6"<br>공백을 보존하기 위해 프레임 사이의 간격을 나타냅니다. <br>bordercolor="#008000"<br>프레임의 테두리 색상을 설정합니다. 색상 값은 [HTML 분석]을 참고하세요. <br>scrolling="Auto"<br>스크롤 표시 여부를 설정합니다. YES는 스크롤을 표시하는 것이고, NO는 스크롤을 표시하지 않는 것이며, AUTO는 상황에 따라 표시하는 것입니다. <br>noresize<br> 설정은 사용자가 이 프레임의 크기를 변경하는 것을 허용하지 않으며 이 매개변수는 사용자가 프레임을 당겨 크기를 변경할 수 없습니다. <br>marginhight=5<br>는 프레임 높이 가장자리에 예약된 공간을 나타냅니다. <br>marginwidth=5<br>는 프레임 너비 가장자리에 예약된 공간을 나타냅니다. <br>다음은 몇 가지 예시입니다. (컴포저교실의 [응용 프레임워크]와 동일) <br>HTML 코드 예시 <br><br><br><br></p> <div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="36826" class="copybut" id="copybut36826" onclick="doCopy('code36826')"> <u> 코드는 다음과 같습니다. </u></a></span><framesetrows="80,*"> </div><frame name="top" src="/a.html"> ; <div class="codebody" id="code36826">< ;frame name="bottom" src="/b.html"> <br></frameset> <br><br><br>예제 HTML 코드 <br> </div> <br><br><div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="56716" class="copybut" id="copybut56716" onclick="doCopy('code56716')"><u> 코드는 다음과 같습니다.</u></a></span><framesetrows="80,*,80"> <프레임 이름="top" src="/a.html"> </div><프레임 이름="middle" src="/b.html"> <div class="codebody" id="code56716"><프레임 이름="하단" src="/c.html" > <br></frameset> <br><br><br>HTML 코드 예 <br><br> </div> <br><br>코드 복사 <div class="codetitle"> <span><a style="CURSOR: pointer" data="23604" class="copybut" id="copybut23604" onclick="doCopy('code23604')"> 코드는 다음과 같습니다.<u></u></a><frameset cols="150,*"> ><frame name="upper_left" src= "/a.html"> </span><frame name="lower_left" src="/b.html"> </div></frameset> ><frame name="right" src= "/c.html"> <div class="codebody" id="code23604"></frameset><br>HTML 코드 예시 <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="22940" class="copybut" id="copybut22940" onclick="doCopy('code22940')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code22940"> <br><frameset Rows=" 80,*"> <br><frame name="top" src="/a.html"> <br><frameset cols="150,*"> 프레임 이름= "lower_left" src="/b.html"> <br><프레임 이름="lower_right" src="/c.html"> <br></frameset> /frameset> <br><br><br>HTML 코드 예시 </div> <br><br><div class="codetitle"><span>코드 복사<a style="CURSOR: pointer" data="98373" class="copybut" id="copybut98373" onclick="doCopy('code98373')"><u></u> 코드는 다음과 같습니다.</a> </span></div> <frameset cols="150,*"> <div class="codebody" id="code98373"><frame name="left" src="/a.html"> <br><framesetrows="80, *"> <br><프레임 이름="upper_right" src="/b.html"> <br><프레임 이름="lower_right" src="/c.html"> <br>< ;/프레임세트> <br></프레임세트> <br><br><br> </div>■ <NOFRAMES> : ▲상단 <p>다른 사람이 사용하는 브라우저가 너무 오래되어 프레임 기능을 지원하지 않는 경우에는 아무것도 보이지 않게 됩니다. 이를 방지하려면 <NOFRAMES> 태그를 사용하면 됩니다. 사용자의 브라우저가 프레임을 볼 수 없으면 한 부분 대신 <NOFRAMES> 이러한 콘텐츠는 사용자에게 새 브라우저로 전환하라고 상기시키는 문구일 수도 있고, 프레임이 없는 웹페이지나 프레임이 없는 버전으로 자동 전환할 수 있는 페이지일 수도 있습니다. </p>적용 방법: <p><frameset> 태그 범위에 </NOFRAMES> 태그를 추가합니다. <br><br><br></p> <div class="codetitle"><span>코드 복사<a style="CURSOR: pointer" data="72074" class="copybut" id="copybut72074" onclick="doCopy('code72074')"><u></u> 코드는 다음과 같습니다. </a></span></div><framesetrows="80,*"> <div class="codebody" id="code72074"><noframes> 🎜>사용하고 계신 브라우저가 프레임을 지원하지 않는다는 의견을 보내주셔서 죄송합니다. <br></body> <br></noframes> <br><프레임 이름="top" src="/a.html"> <br><프레임 이름="bottom" src= "/b.html"> <br></frameset> <br><br><br> <br>브라우저가 프레임을 지원하는 경우 <noframes>에 있는 항목은 무시됩니다. 그러나 브라우저가 프레임을 지원하지 않는 경우 모든 프레임 태그를 인식하지 못하기 때문에 알 수 없는 태그는 건너뛰고 둘러싸인 항목은 무시됩니다. 태그는 무시되므로 <noframes> 범위 내에 있는 텍스트가 표시됩니다. <br> </div>■ <IFRAME> : ▲상단 <p>이 태그는 IE에서만 작동합니다. 그 기능은 웹 페이지 중간에 프레임 창을 삽입하여 다른 파일을 표시하는 것입니다. 주변 태그이지만 <noframes>와 같이 브라우저가 iframe 태그를 지원하지 않는 경우에만 주변 단어가 표시되며 일부 알림 단어 등을 넣을 수 있습니다. 일반적으로 브라우저를 인식하는 Java Script가 포함된 iframe을 사용하는 것이 더 좋습니다. Javascript가 해당 브라우저가 Internet Explorer가 아니라는 것을 인식하면 다른 버전으로 전환됩니다. </p><iframe>의 매개변수 설정은 다음과 같습니다. <p>예:</p> <p><br><br><br>코드를 복사하세요</p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="24413" class="copybut" id="copybut24413" onclick="doCopy('code24413')"> 다음과 같습니다:<u> </u></a><iframe src="iframe.html" name="test" align="center" width="300" height="100" marginwidth="1" marginheight=" 1" 프레임 테두리="1 " 스크롤="예"> </span> </div>src="iframe.html" <div class="codebody" id="code24413"> <br>파일 이름 외에도 이 프레임에 표시하려는 파일 소스에는 상대 경로 또는 절대 경로가 포함되어야 합니다. <p>name="test" <br>링크 태그의 대상 매개변수에 필요한 이 프레임의 이름, </p> </div>align="MIDDLE" <br>선택 값은 left, right, top, middle, Bottom, 별로 유용하지 않음 <br>width="300" height="100" <br>프레임 창의 너비와 길이(픽셀 단위). <br>marginwidth="1" marginheight="1" <br>삽입된 파일과 프레임을 위해 예약된 공간입니다. <br>frameborder="1" <br>테두리를 표시하려면 1을 사용하고 표시하지 않으려면 0을 사용합니다. (예 또는 아니오일 수 있음) <br>scrolling="Yes" <br>스크롤을 허용하려면 예를 사용하고(기본값) 스크롤을 허용하지 않으려면 아니오를 사용합니다. <br>예시: 소스코드<br><br><br><br><br>코드 복사<div class="codetitle"> <span><a style="CURSOR: pointer" data="67397" class="copybut" id="copybut67397" onclick="doCopy('code67397')"> 코드는 다음과 같습니다.<u></u></a>< center> < ;iframe src="http://www.jb51.net/" name="test" align="center" width="300" height="100" marginwidth="5" marginheight="5" 프레임보더 ="1 "> </span>죄송합니다. 사용 중인 브라우저가 IFrame을 지원하지 않아 내 웹페이지를 정상적으로 탐색할 수 없습니다. </div> <div class="codebody" id="code67397"> <br><br>결과 표시 <p>대부분의 포럼에서는 왼쪽 및 오른쪽 프레임 코드를 사용합니다. index.htm에서 프레임의 src 값을 얻는 방법~~JavaScript를 사용하여 이 사이트에 액세스할 때 모든 페이지에 프레임 로드를 구현합니다. 웹에서 프레임을 동적으로 가져오는 것을 제어합니다. 페이지. 프레임 페이지 HTML의 필드에서 자바스크립트가 다이어그램 메서드를 작동하는 방법 --- 프레임 열의 자바스크립트 코드 </p> </div> </div> </div></iframe></iframe> </div> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>관련 라벨:</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=frame" target="_blank">frame</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=js" target="_blank">js</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=제어" target="_blank">제어</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=보여주다" target="_blank">보여주다</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=숨다" target="_blank">숨다</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">원천:php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/ko/faq/17735.html" title="Young의 매트릭스 search_javascript 기술을 위한 JS 코드"> <span>이전 기사:Young의 매트릭스 search_javascript 기술을 위한 JS 코드</span> </a> <a href="https://www.php.cn/ko/faq/17737.html" title="브라우저가 SVG_javascript 기술을 지원하는지 확인하는 JavaScript 코드"> <span>다음 기사:브라우저가 SVG_javascript 기술을 지원하는지 확인하는 JavaScript 코드</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">본 웹사이트의 성명</div> <div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">저자별 최신 기사</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796639331.html">NullPointerException은 무엇이며 어떻게 해결합니까?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796629482.html">초보자에서 코더까지: C 기초로 시작되는 여정</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796628545.html">PHP로 웹 개발 잠금 해제: 초보자 가이드</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627928.html">C에 대한 이해: 새로운 프로그래머를 위한 명확하고 간단한 길</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627806.html">코딩 잠재력 발휘: 완전 초보자를 위한 C 프로그래밍</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627670.html">내면의 프로그래머를 깨워보세요: 완전 초보자를 위한 C</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627643.html">C로 일상을 자동화하세요: 초보자를 위한 스크립트 및 도구</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627620.html">PHP가 쉬워졌습니다: 웹 개발의 첫 번째 단계</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627574.html">Python으로 무엇이든 빌드하기: 창의력을 발휘하기 위한 초보자 가이드</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627539.html">코딩의 핵심: 초보자를 위한 Python의 힘 활용</a> </div> <div>2024-10-11 12:17:31</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">최신 이슈</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176381.html" target="_blank" title="여러 경로에 선언된 작업자 풀이 임계값을 고려하지 않고 여전히 CPU 사용량을 유지할 수 있습니까?" class="wdcdcTitle">여러 경로에 선언된 작업자 풀이 임계값을 고려하지 않고 여전히 CPU 사용량을 유지할 수 있습니까?</a> <a href="https://www.php.cn/ko/wenda/176381.html" class="wdcdcCons">CPU 집약적인 작업을 처리하기 위해 작업자 풀이 있는 node.js 시스템을 찾고 있지만 여러 경로에서의 CPU 사용량에 대해 약간 혼란스럽습니다. 시나리오는 ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 19:54:23</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>444</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176368.html" target="_blank" title="d3.js를 확대할 때 산점도 값이 유지되지 않습니다." class="wdcdcTitle">d3.js를 확대할 때 산점도 값이 유지되지 않습니다.</a> <a href="https://www.php.cn/ko/wenda/176368.html" class="wdcdcCons">d3.js를 처음 사용하는 것이므로 양해해 주시기 바랍니다. vue.js 파일에 순수 JavaScript로 구현했습니다. 확대/축소 기능을 사용하여 산점도를 만들...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 18:16:26</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>403</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176350.html" target="_blank" title="숨겨진 측면 패널 표시: 선택됨" class="wdcdcTitle">숨겨진 측면 패널 표시: 선택됨</a> <a href="https://www.php.cn/ko/wenda/176350.html" class="wdcdcCons">애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 갖고 싶습니다. JS 없이 CSS만 사용하여 만들고 싶습니다. :checked 의사...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 15:49:33</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>319</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176329.html" target="_blank" title="Nuxt.js로 생성된 대시보드를 배포하기 위해 SSG를 사용해야 합니까?" class="wdcdcTitle">Nuxt.js로 생성된 대시보드를 배포하기 위해 SSG를 사용해야 합니까?</a> <a href="https://www.php.cn/ko/wenda/176329.html" class="wdcdcCons">Nuxt.js를 사용하여 내부용 대시보드를 개발하겠습니다. 내부 대시보드이므로 범용 스키마가 필요하지 않습니다. 일반적으로 대부분의 대시보드는 SPA에서 개발됩니...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 13:17:44</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>493</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176311.html" target="_blank" title="Electron은 사전 로드 시 AppData를 가져옵니다." class="wdcdcTitle">Electron은 사전 로드 시 AppData를 가져옵니다.</a> <a href="https://www.php.cn/ko/wenda/176311.html" class="wdcdcCons">사전 로드된 AppData 디렉터리를 얻는 방법은 무엇입니까? Background.js[...]asyncfunctioncreateWindow(){constwin=...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 11:05:31</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>417</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>관련 주제</div> <a href="https://www.php.cn/ko/faq/zt" target="_blank">더> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/jszzbds"><img src="https://img.php.cn/upload/subject/202407/22/2024072214413954023.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="js 정규 표현식" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/jszzbds" class="title-a-spanl" title="js 정규 표현식"><span>js 정규 표현식</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/jshqdqsj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214282324693.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="js는 현재 시간을 가져옵니다" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/jshqdqsj" class="title-a-spanl" title="js는 현재 시간을 가져옵니다"><span>js는 현재 시간을 가져옵니다</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/jszfcsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214253682490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="js 문자열을 배열로" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/jszfcsz" class="title-a-spanl" title="js 문자열을 배열로"><span>js 문자열을 배열로</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/jsssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214182727205.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="js는 무슨 뜻인가요?" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/jsssmys" class="title-a-spanl" title="js는 무슨 뜻인가요?"><span>js는 무슨 뜻인가요?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/jsscjddff"><img src="https://img.php.cn/upload/subject/202407/22/2024072214115932190.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="노드를 삭제하는 Node.js 메소드" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/jsscjddff" class="title-a-spanl" title="노드를 삭제하는 Node.js 메소드"><span>노드를 삭제하는 Node.js 메소드</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/jsjqzfc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214115739127.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="문자열을 가로채는 js 메소드" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/jsjqzfc" class="title-a-spanl" title="문자열을 가로채는 js 메소드"><span>문자열을 가로채는 js 메소드</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/jsconcatpush"><img src="https://img.php.cn/upload/subject/202407/22/2024072214081060908.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="JS에서 연결과 푸시의 차이점" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/jsconcatpush" class="title-a-spanl" title="JS에서 연결과 푸시의 차이점"><span>JS에서 연결과 푸시의 차이점</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/jsjqzfcdff"><img src="https://img.php.cn/upload/subject/202407/22/2024072214053585210.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="js에서 문자열을 가로채는 방법 소개" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/jsjqzfcdff" class="title-a-spanl" title="js에서 문자열을 가로채는 방법 소개"><span>js에서 문자열을 가로채는 방법 소개</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">인기 추천</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="js는 무슨 뜻인가요?" href="https://www.php.cn/ko/faq/482163.html">js는 무슨 뜻인가요?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="js에서 문자열을 배열로 변환하는 방법은 무엇입니까?" href="https://www.php.cn/ko/faq/461802.html">js에서 문자열을 배열로 변환하는 방법은 무엇입니까?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="자바스크립트를 사용하여 페이지를 새로 고치는 방법" href="https://www.php.cn/ko/faq/473330.html">자바스크립트를 사용하여 페이지를 새로 고치는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="js 배열에서 항목을 삭제하는 방법" href="https://www.php.cn/ko/faq/475790.html">js 배열에서 항목을 삭제하는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="sqrt 함수를 사용하는 방법" href="https://www.php.cn/ko/faq/415276.html">sqrt 함수를 사용하는 방법</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>인기 튜토리얼</div> <a target="_blank" href="https://www.php.cn/ko/course.html">더> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">관련 튜토리얼 <div></div></div> <div class="tabdiv swiper-slide" data-id="two">인기 추천<div></div></div> <div class="tabdiv swiper-slide" data-id="three">최신 강좌<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/ko/course/812.html" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="https://www.php.cn/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div>1425088 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/74.html" title="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기" href="https://www.php.cn/ko/course/74.html">PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기</a> <div class="wzrthreerb"> <div>4271526 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/286.html" title="JAVA 초보자용 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="https://www.php.cn/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>2552399 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/504.html" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="https://www.php.cn/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>508533 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/2.html" title="PHP 제로 기반 입문 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 제로 기반 입문 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 제로 기반 입문 튜토리얼" href="https://www.php.cn/ko/course/2.html">PHP 제로 기반 입문 튜토리얼</a> <div class="wzrthreerb"> <div>864188 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ko/course/812.html" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="https://www.php.cn/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div >1425088 학습 시간</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/286.html" title="JAVA 초보자용 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="https://www.php.cn/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >2552399 학습 시간</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/504.html" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="https://www.php.cn/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >508533 학습 시간</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/901.html" title="웹 프론트 엔드 개발에 대한 빠른 소개" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="웹 프론트 엔드 개발에 대한 빠른 소개"/> </a> <div class="wzrthree-right"> <a target="_blank" title="웹 프론트 엔드 개발에 대한 빠른 소개" href="https://www.php.cn/ko/course/901.html">웹 프론트 엔드 개발에 대한 빠른 소개</a> <div class="wzrthreerb"> <div >216047 학습 시간</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/234.html" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="PS 비디오 튜토리얼을 처음부터 마스터하세요"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" href="https://www.php.cn/ko/course/234.html">PS 비디오 튜토리얼을 처음부터 마스터하세요</a> <div class="wzrthreerb"> <div >893836 학습 시간</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ko/course/1648.html" title="[웹 프런트엔드] Node.js 빠른 시작" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[웹 프런트엔드] Node.js 빠른 시작"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[웹 프런트엔드] Node.js 빠른 시작" href="https://www.php.cn/ko/course/1648.html">[웹 프런트엔드] Node.js 빠른 시작</a> <div class="wzrthreerb"> <div >7784 학습 시간</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1647.html" title="해외 웹 개발 풀스택 강좌 총집합" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="해외 웹 개발 풀스택 강좌 총집합"/> </a> <div class="wzrthree-right"> <a target="_blank" title="해외 웹 개발 풀스택 강좌 총집합" href="https://www.php.cn/ko/course/1647.html">해외 웹 개발 풀스택 강좌 총집합</a> <div class="wzrthreerb"> <div >6226 학습 시간</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1646.html" title="Go 언어 실습 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go 언어 실습 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go 언어 실습 GraphQL" href="https://www.php.cn/ko/course/1646.html">Go 언어 실습 GraphQL</a> <div class="wzrthreerb"> <div >5122 학습 시간</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1645.html" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" href="https://www.php.cn/ko/course/1645.html">550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다</a> <div class="wzrthreerb"> <div >712 학습 시간</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1644.html" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬"/> </a> <div class="wzrthree-right"> <a target="_blank" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" href="https://www.php.cn/ko/course/1644.html">기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬</a> <div class="wzrthreerb"> <div >25953 학습 시간</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>최신 다운로드</div> <a href="https://www.php.cn/ko/xiazai">더> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">웹 효과 <div></div></div> <div class="swiper-slide" data-id="twof">웹사이트 소스 코드<div></div></div> <div class="swiper-slide" data-id="threef">웹사이트 자료<div></div></div> <div class="swiper-slide" data-id="fourf">프론트엔드 템플릿<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 기업 메시지 양식 연락처 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8071">[양식 버튼] jQuery 기업 메시지 양식 연락처 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 뮤직 박스 재생 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8070">[플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8069">[메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 시각적 양식 드래그 앤 드롭 편집 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8068">[양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS 모방 Kugou 음악 플레이어 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8067">[플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="클래식 HTML5 푸시 박스 게임" href="https://www.php.cn/ko/toolset/js-special-effects/8066">[HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤" href="https://www.php.cn/ko/toolset/js-special-effects/8065">[그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 개인 앨범 커버 호버 확대/축소 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8064">[사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8328" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8327" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿" target="_blank">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8326" title="디자이너 크리에이티브 작업 이력서 웹 템플릿" target="_blank">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8325" title="현대 엔지니어링 건설 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8324" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿" target="_blank">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8323" title="온라인 전자책 쇼핑몰 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8322" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다." target="_blank">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8321" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿" target="_blank">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3078" target="_blank" title="귀여운 여름 요소 벡터 자료(EPS+PNG)">[PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3077" target="_blank" title="4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)">[PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3076" target="_blank" title="노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)">[배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3075" target="_blank" title="황금 졸업 모자 벡터 자료(EPS+PNG)">[PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3074" target="_blank" title="흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)">[PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3073" target="_blank" title="다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)">[PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3072" target="_blank" title="플랫 스타일 식목일 배너 벡터 자료(AI+EPS)">[배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3071" target="_blank" title="9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)">[PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8328" target="_blank" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8327" target="_blank" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8326" target="_blank" title="디자이너 크리에이티브 작업 이력서 웹 템플릿">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8325" target="_blank" title="현대 엔지니어링 건설 회사 웹사이트 템플릿">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8324" target="_blank" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8323" target="_blank" title="온라인 전자책 쇼핑몰 웹사이트 템플릿">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8322" target="_blank" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8321" target="_blank" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!</p> </div> <div class="footermid"> <a href="https://www.php.cn/ko/about/us.html">회사 소개</a> <a href="https://www.php.cn/ko/about/disclaimer.html">부인 성명</a> <a href="https://www.php.cn/ko/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1735421249"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>