简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집> 웹 프론트엔드> JS 튜토리얼> 본문

JavaScript를 사용하여 페이지 제목의 동적 깜박임 효과를 얻는 방법은 무엇입니까?

WBOY
풀어 주다： 2023-10-16 08:39:31
원래의
1365명이 탐색했습니다.

如何使用 JavaScript 实现页面标题的动态闪烁效果？

JavaScript를 사용하여 페이지 제목의 동적 깜박임 효과를 얻는 방법은 무엇입니까?

웹 디자인에서 동적 효과는 페이지에 생생함과 매력을 더할 수 있습니다. 그중에서도 페이지 제목의 동적 깜박임 효과는 종종 사용자의 관심을 끌고 웹페이지를 더욱 눈길을 끌 수 있습니다. 이 기사에서는 JavaScript를 사용하여 페이지 제목의 동적 깜박임 효과를 얻는 방법을 소개하고 구체적인 코드 예제를 제공합니다.

페이지 제목의 동적 깜박임 효과를 얻으려면 JavaScript에서 타이머와 DOM 작업을 사용해야 합니다. 구체적인 구현 단계는 다음과 같습니다.

  1. HTML 파일을 생성하고태그에</code>요소를 추가하여 페이지 제목을 표시합니다. . 예:<code><head></code>标签中添加一个<code><title></code>元素，用于显示页面标题。例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:html;toolbar:false;"><!DOCTYPE html> <html> <head> <title>动态闪烁效果

    로그인 후 복사

  • 在标签中添加一个

    로그인 후 복사

  • 在 JavaScript 代码中，首先获取标题元素。可以使用document.querySelector()方法来获取</code>元素。例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:javascript;toolbar:false;">let title = document.querySelector('title');</pre> <div class="contentsignin"> 로그인 후 복사 </div> </div></li> <li><p>定义一个变量来记录闪烁状态。我们可以使用布尔类型的变量（true/false）来表示标题闪烁的状态。例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:javascript;toolbar:false;">let blinking = false;</pre> <div class="contentsignin"> 로그인 후 복사 </div> </div></li> <li><p>使用<code>setInterval()</code>函数来创建一个定时器，用于定时改变标题的状态。定时器接受两个参数，第一个参数是一个回调函数，第二个参数是时间间隔（单位为毫秒）。例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:javascript;toolbar:false;">setInterval(function() { // 定时器代码将在这里编写 }, 500);</pre> <div class="contentsignin"> 로그인 후 복사 </div> </div><p>上面的代码表示每隔500毫秒执行一次定时器的回调函数。</p></li> <li><p>在定时器的回调函数中，根据当前的闪烁状态来改变标题的内容。使用条件语句来判断当前状态，并使用标题的<code>innerText</code></p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:javascript;toolbar:false;">setInterval(function() { if (blinking) { title.innerText = '【闪烁】动态闪烁效果'; } else { title.innerText = '动态闪烁效果'; } blinking = !blinking; }, 500);</pre> <div class="contentsignin"> 로그인 후 복사 </div> </div><p></p>JavaScript 코드를 작성하려면<code><body></code>태그에<code><script></code>요소를 추가하세요. 예:</li>rrreee <li></li> </ol>JavaScript 코드에서 먼저 제목 요소를 가져옵니다. <code><title></code>요소는 <code>document.querySelector()</code>메서드를 사용하여 얻을 수 있습니다. 예: <p>rrreee</p>깜박이는 상태를 기록하는 변수를 정의합니다. 제목이 깜박이는 상태를 나타내기 위해 부울 유형 변수(true/false)를 사용할 수 있습니다. 예: rrreee타이틀의 상태를 정기적으로 변경하는 타이머를 만들려면 <code>setInterval()</code>함수를 사용하세요. 타이머는 두 개의 매개변수를 받습니다. 첫 번째 매개변수는 콜백 함수이고 두 번째 매개변수는 시간 간격(밀리초)입니다. 예: rrreee위 코드는 타이머 콜백 함수가 500밀리초마다 실행된다는 것을 나타냅니다. 타이머의 콜백 기능에서 현재 깜박이는 상태에 따라 제목의 내용을 변경합니다. 조건문을 사용하여 현재 상태를 확인하고 제목의 <code>innerText</code>속성을 사용하여 제목의 내용을 설정합니다. 예: rrreee위 코드는 현재 깜박임 상태가 true이면 제목이 [플래시] 동적 깜박임 효과로 설정되고, 그렇지 않으면 제목이 동적 깜박임 효과로 설정된다는 의미입니다. 그런 다음 깜박이는 상태를 반전시켜 다음에 루프를 통해 상태를 전환합니다. HTML 파일을 저장하고 실행하면 브라우저에서 효과를 확인할 수 있습니다. 제목이 500밀리초마다 깜박이면서 다른 제목 콘텐츠 표시로 전환되는 것을 볼 수 있습니다. 위 코드는 기본 페이지 제목 깜박임 효과를 구현합니다. 실제 필요에 따라 깜박이는 색상 변경, 깜박이는 빈도 조정 등과 같은 추가 사용자 정의 및 확장을 수행할 수도 있습니다. <p>위 내용은 JavaScript를 사용하여 페이지 제목의 동적 깜박임 효과를 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p> </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="//m.sbmmt.com/ko/search?word=javascript" target="_blank">javascript</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/ko/search?word=页面" target="_blank">页面</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/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="//m.sbmmt.com/ko/faq/619424.html" title=""><span>이전 기사：JavaScript를 사용하여 이미지에 스크롤 및 확대/축소 효과를 얻는 방법은 무엇입니까?</span></a> <a href="//m.sbmmt.com/ko/faq/619436.html" title=""><span>다음 기사：JavaScript를 사용하여 텍스트 스크롤 효과를 얻는 방법은 무엇입니까?</span></a> </div> <div class="wzconShengming"> <div class="bzsmdiv"> 본 웹사이트의 성명 </div> <div> 본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요. </div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle"> 저자별 최신 기사 </div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607228.html">비트코인(BTC)은 소폭 손실을 기록했고, 미국 PPI가 예상을 뛰어넘으면서 이더(ETH)는 0.70% 하락했습니다.</a> </div> <div> 2024-09-14 00:29:00 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607224.html">비트코인이 58,000달러 미만으로 하락함에 따라 XRP, DOGE 선두 시장 상승</a> </div> <div> 2024-09-14 00:11:13 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607223.html">Polymarket 베터들은 도널드 트럼프가 자신의 토큰을 시작할 확률이 84%라고 봅니다.</a> </div> <div> 2024-09-14 00:10:13 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607220.html">바이낸스가 제품 재고에 폴리곤(POL)을 추가하고 POL 토큰이 15% 급등했습니다</a> </div> <div> 2024-09-14 00:07:13 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607219.html">팝캣(POPCAT) 가격 급등: 수요 증가로 시가총액 급등</a> </div> <div> 2024-09-14 00:06:13 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607198.html">바이든, 스타머, 키예프가 러시아를 상대로 장거리 미사일을 사용하도록 논의</a> </div> <div> 2024-09-13 21:46:16 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607191.html">8월에 Dogwifhat이 15% 충돌하면서 화가 난 Pepe Fork는 $500,000 이상을 모금했습니다.</a> </div> <div> 2024-09-13 21:14:15 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607188.html">고래 주소는 계속해서 SUN을 버리고 투자자들 사이에서 우려를 불러일으켰습니다.</a> </div> <div> 2024-09-13 21:11:16 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607187.html">Bears가 시장 통제권을 유지함에 따라 Bitcoin과 Ethereum은 이익을 얻지 못했습니다.</a> </div> <div> 2024-09-13 21:10:15 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796607183.html">시장이 펌프질되기 전에 폭발적인 잠재력을 지닌 6가지 저렴한 Meme 코인을 구매하세요</a> </div> <div> 2024-09-13 21:06:15 </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="//m.sbmmt.com/ko/wenda/173541.html" target="_blank" title="경로에 액세스하기 전에 경로 데이터를 미리 로드하는 가장 좋은 방법입니다." class="wdcdcTitle">경로에 액세스하기 전에 경로 데이터를 미리 로드하는 가장 좋은 방법입니다.</a> <a href="//m.sbmmt.com/ko/wenda/173541.html" class="wdcdcCons">특정 경로에 대한 페이지를 렌더링하기 전에 먼저 필요한 데이터를 동기식으로 가져오고 싶습니다. 이상적으로는 페이지 구성 요소에서 데이터를 가져오고 싶지만 라우터 ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2023-11-17 14:54:42</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>2 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>379 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ko/wenda/173535.html" target="_blank" title="Nuxt.js SSG(정적 사이트 생성기) API 데이터 가져오기" class="wdcdcTitle">Nuxt.js SSG(정적 사이트 생성기) API 데이터 가져오기</a> <a href="//m.sbmmt.com/ko/wenda/173535.html" class="wdcdcCons">정적 사이트 생성기를 사용하여 프로젝트를 구축할 때 사전에 작성된 문서가 사용자에게 제공된다는 점을 이해합니다. axios를 이용해 데이터를 얻어서 페이지 진입 ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2023-11-16 21:36:07</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>176 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ko/wenda/173533.html" target="_blank" title="정의되지 않은 함수 create_function() 호출" class="wdcdcTitle">정의되지 않은 함수 create_function() 호출</a> <a href="//m.sbmmt.com/ko/wenda/173533.html" class="wdcdcCons">웹사이트 홈페이지에서 다음 메시지를 받았습니다. 치명적인 오류: 잡히지 않은 오류: /customers/7/e/7/jovobytes.be/httpd.www/wp-...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2023-11-16 19:00:36</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>277 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ko/wenda/173515.html" target="_blank" title="Laravel 9.x: 등록 후 성공 메시지를 보도록 사용자를 리디렉션합니다." class="wdcdcTitle">Laravel 9.x: 등록 후 성공 메시지를 보도록 사용자를 리디렉션합니다.</a> <a href="//m.sbmmt.com/ko/wenda/173515.html" class="wdcdcCons">로그인 페이지 링크를 사용하여 사용자를 등록한 후 성공 메시지와 함께 뷰를 반환하려고 하는데 세션 메시지가 뷰와 함께 전달되지 않습니다. 이것은 내 등록된() 메...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2023-11-12 22:55:21</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>336 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ko/wenda/173514.html" target="_blank" title="TYPO3 V11: "PHP 경고: 정의되지 않은 배열 키", $this->request->getArguments()가 비어 있습니다." class="wdcdcTitle">TYPO3 V11: "PHP 경고: 정의되지 않은 배열 키", $this->request->getArguments()가 비어 있습니다.</a> <a href="//m.sbmmt.com/ko/wenda/173514.html" class="wdcdcCons">저는 typo3의 새로운 사용자입니다. 사용자를 표시하고 검색 창을 사용하여 필터링하는 플러그인을 만들었지만 내 페이지를 표시하려고 하면 다음 오류가 발생합니다:...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2023-11-12 21:35:09</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>362 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt"> <div class="wzczt-title"> <div> 관련 주제 </div> <a href="//m.sbmmt.com/ko/faq/zt" target="_blank">더></a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/jsszcd"><img src="https://img.php.cn/upload/subject/202407/22/2024072214415543594.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="js에서 배열의 길이를 얻는 방법"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/jsszcd" class="title-a-spanl" title=""><span>js에서 배열의 길이를 얻는 방법</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/jssxym"><img src="https://img.php.cn/upload/subject/202407/22/2024072214363232433.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="js 현재 페이지 새로 고침"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/jssxym" class="title-a-spanl" title=""><span>js 현재 페이지 새로 고침</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/jssswr"><img src="https://img.php.cn/upload/subject/202407/22/2024072214362363697.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="JS 반올림"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/jssswr" class="title-a-spanl" title=""><span>JS 반올림</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ko/faq/jsscjddff" class="title-a-spanl" title=""><span>노드를 삭제하는 Node.js 메소드</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/javascriptzy"><img src="https://img.php.cn/upload/subject/202407/22/2024072214114396768.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="자바스크립트 이스케이프 문자"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/javascriptzy" class="title-a-spanl" title=""><span>자바스크립트 이스케이프 문자</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/jsscsjsdff"><img src="https://img.php.cn/upload/subject/202407/22/2024072214113439427.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="js에서 난수를 생성하는 방법"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/jsscsjsdff" class="title-a-spanl" title=""><span>js에서 난수를 생성하는 방법</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/rhqyjavascrip"><img src="https://img.php.cn/upload/subject/202407/22/2024072214085281458.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="JavaScript를 활성화하는 방법"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/rhqyjavascrip" class="title-a-spanl" title=""><span>JavaScript를 활성화하는 방법</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/jssymbol"><img src="https://img.php.cn/upload/subject/202407/22/2024072214060282401.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="JS의 Symbol 클래스에 대한 자세한 설명"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/jssymbol" class="title-a-spanl" title=""><span>JS의 Symbol 클래스에 대한 자세한 설명</span></a></li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/ko/faq/415276.html">sqrt 함수를 사용하는 방법</a> </div></li> </ul> </div> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div> 인기 튜토리얼 </div> <a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ko/course/1165.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611669264af860.jpg" alt="JavaScript 클래식 사례"></a> <div class="wzrthree-right"> <a target="_blank" title="JavaScript 클래식 사례" href="//m.sbmmt.com/ko/course/1165.html">JavaScript 클래식 사례</a> <div class="wzrthreerb"> <div> 15548 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="1165"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> </ul> <ul class="two" style="display: none;"> <li><a target="_blank" href="//m.sbmmt.com/ko/course/812.html" title="" 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="//m.sbmmt.com/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div> 1399653 학습 시간 </div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/286.html" title="" 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="//m.sbmmt.com/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div> 2382740 학습 시간 </div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/504.html" title="" 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="//m.sbmmt.com/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div> 495395 학습 시간 </div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ko/course/901.html">웹 프론트 엔드 개발에 대한 빠른 소개</a> <div class="wzrthreerb"> <div> 213816 학습 시간 </div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/234.html" title="" 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="//m.sbmmt.com/ko/course/234.html">PS 비디오 튜토리얼을 처음부터 마스터하세요</a> <div class="wzrthreerb"> <div> 849691 학습 시간 </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="//m.sbmmt.com/ko/course/1648.html" title="" 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="//m.sbmmt.com/ko/course/1648.html">[웹 프런트엔드] Node.js 빠른 시작</a> <div class="wzrthreerb"> <div> 3917 학습 시간 </div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ko/course/1647.html">해외 웹 개발 풀스택 강좌 총집합</a> <div class="wzrthreerb"> <div> 3076 학습 시간 </div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/1646.html" title="" 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="//m.sbmmt.com/ko/course/1646.html">Go 언어 실습 GraphQL</a> <div class="wzrthreerb"> <div> 2512 학습 시간 </div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/1645.html" title="" 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="//m.sbmmt.com/ko/course/1645.html">550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다</a> <div class="wzrthreerb"> <div> 513 학습 시간 </div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/1644.html" title="" 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="//m.sbmmt.com/ko/course/1644.html">기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬</a> <div class="wzrthreerb"> <div> 13588 학습 시간 </div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> </ul> </div> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div> 최신 다운로드 </div> <a href="//m.sbmmt.com/ko/xiazai">더></a> </div> <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="//m.sbmmt.com/ko/xiazai/js/8071">[양식 버튼] jQuery 기업 메시지 양식 연락처 코드</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과" href="//m.sbmmt.com/ko/xiazai/js/8070">[플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과" href="//m.sbmmt.com/ko/xiazai/js/8069">[메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드" href="//m.sbmmt.com/ko/xiazai/js/8068">[양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드" href="//m.sbmmt.com/ko/xiazai/js/8067">[플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임" href="//m.sbmmt.com/ko/xiazai/js/8066">[HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤" href="//m.sbmmt.com/ko/xiazai/js/8065">[그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과" href="//m.sbmmt.com/ko/xiazai/js/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="//m.sbmmt.com/ko/xiazai/code/8328" title="[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8327" title="[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿" target="_blank">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8326" title="[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿" target="_blank">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8325" title="[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8324" title="[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿" target="_blank">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8323" title="[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8322" title="[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다." target="_blank">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/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="//m.sbmmt.com/ko/xiazai/sucai/3078" target="_blank" title="[PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)">[PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3077" target="_blank" title="[PNG 소재] 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="//m.sbmmt.com/ko/xiazai/sucai/3076" target="_blank" title="[배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)">[배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3075" target="_blank" title="[PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)">[PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3074" target="_blank" title="[PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)">[PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3073" target="_blank" title="[PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)">[PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3072" target="_blank" title="[배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)">[배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3071" target="_blank" title="[PNG 소재] 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="//m.sbmmt.com/ko/xiazai/code/8328" target="_blank" title="[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8327" target="_blank" title="[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8326" target="_blank" title="[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8325" target="_blank" title="[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8324" target="_blank" title="[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8323" target="_blank" title="[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8322" target="_blank" title="[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8321" target="_blank" title="[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div></li> </ul> </div> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="//m.sbmmt.com/ko/about/us.html" rel="nofollow" target="_blank" title="회사 소개" class="cBlack">회사 소개</a> <a href="//m.sbmmt.com/ko/about/disclaimer.html" rel="nofollow" target="_blank" title="부인 성명" class="cBlack">부인 성명</a> <a href="//m.sbmmt.com/ko/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1"> PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！ </dd> </dl> </div> </div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all"> </body> </html>