简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> js tutoriel> le corps du texte

Comment utiliser JavaScript pour obtenir un effet clignotant dynamique du titre de la page ?

WBOY
Libérer： 2023-10-16 08:39:31
original
1366 Les gens l'ont consulté

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

Comment utiliser JavaScript pour obtenir un effet clignotant dynamique du titre de la page ?

Dans la conception Web, les effets dynamiques peuvent ajouter de la vivacité et de l'attrait à la page. Parmi eux, l'effet clignotant dynamique du titre de la page peut souvent attirer l'attention de l'utilisateur et rendre la page Web plus attrayante. Cet article explique comment utiliser JavaScript pour obtenir l'effet de clignotement dynamique des titres de page et fournit des exemples de code spécifiques.

Pour obtenir l'effet clignotant dynamique du titre de la page, nous devons utiliser des minuteries et des opérations DOM en JavaScript. Les étapes spécifiques de mise en œuvre sont les suivantes :

  1. Créez un fichier HTML et ajoutez un élément</code>dans la balise<code><head></code>pour afficher le titre de la page. . Par exemple :<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>动态闪烁效果

    Copier après la connexion

  • 在标签中添加一个

    Copier après la connexion

  • 在 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"> Copier après la connexion </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"> Copier après la connexion </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"> Copier après la connexion </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"> Copier après la connexion </div> </div><p></p>Ajoutez un élément<code><script></code>dans la balise<code><body></code>pour écrire du code JavaScript. Par exemple :</li>rrreee <li></li> </ol>Dans le code JavaScript, récupérez d'abord l'élément titre. L'élément <code><title></code>peut être obtenu à l'aide de la méthode <code>document.querySelector()</code>. Par exemple : <p>rrreee</p>Définissez une variable pour enregistrer l'état du clignotement. On peut utiliser des variables de type booléen (vrai/faux) pour représenter l'état du titre clignotant. Par exemple : rrreeeUtilisez la fonction <code>setInterval()</code>pour créer un minuteur afin de changer régulièrement le statut du titre. Le minuteur accepte deux paramètres, le premier paramètre est une fonction de rappel et le deuxième paramètre est l'intervalle de temps (en millisecondes). Par exemple : rrreeeLe code ci-dessus indique que la fonction de rappel du minuteur est exécutée toutes les 500 millisecondes. Dans la fonction de rappel du timer, modifiez le contenu du titre en fonction de l'état de clignotement actuel. Utilisez des instructions conditionnelles pour déterminer l'état actuel et utilisez l'attribut <code>innerText</code>du titre pour définir le contenu du titre. Par exemple : rrreeeLe code ci-dessus signifie que si l'état de clignotement actuel est vrai, le titre sera défini sur l'effet de clignotement dynamique [Flash] ; sinon, le titre sera défini sur l'effet de clignotement dynamique. Inversez ensuite l'état clignotant pour qu'il change d'état la prochaine fois dans la boucle. Enregistrez et exécutez le fichier HTML pour voir l'effet dans le navigateur. Vous pouvez voir que le titre clignote toutes les 500 millisecondes, passant pour afficher un contenu de titre différent. Le code ci-dessus implémente l'effet clignotant de base du titre de la page. Selon les besoins réels, vous pouvez également effectuer davantage de personnalisation et d'extension, comme changer la couleur du clignotement, ajuster la fréquence du clignotement, etc. <p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Étiquettes associées：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/fr/search?word=javascript" target="_blank">javascript</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/fr/search?word=页面" target="_blank">页面</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/fr/search?word=clignotementdynamique" target="_blank">Clignotement dynamique</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;"> source：php.cn </div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/fr/faq/619424.html" title=""><span>Article précédent：Comment utiliser JavaScript pour obtenir des effets de défilement et de zoom sur les images ?</span></a> <a href="//m.sbmmt.com/fr/faq/619436.html" title=""><span>Article suivant：Comment utiliser JavaScript pour obtenir un effet de défilement de texte ?</span></a> </div> <div class="wzconShengming"> <div class="bzsmdiv"> Déclaration de ce site Web </div> <div> Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter 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"> Derniers articles par auteur </div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607927.html">La SEC ajuste son approche dans l'affaire Binance, mais ADA et SOL restent baissiers</a> </div> <div> 2024-09-14 12:05:17 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607926.html">Coinbase Wrapped BTC (cbBTC) apporte de nouvelles opportunités DeFi et teste la résistance clé</a> </div> <div> 2024-09-14 12:00:16 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607877.html">Comment effacer l'historique d'utilisation dans Win8</a> </div> <div> 2024-09-14 10:34:37 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607872.html">Que faire si Windows 10 ne peut pas copier et coller</a> </div> <div> 2024-09-14 10:34:11 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607871.html">Que faire si Windows 10 ne peut pas copier et coller</a> </div> <div> 2024-09-14 10:34:03 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607869.html">Comment changer la luminosité de l'écran dans Win11 Comment changer la luminosité de l'écran dans Win11</a> </div> <div> 2024-09-14 10:33:46 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607867.html">Comment activer le partage de ressources dans Windows 11</a> </div> <div> 2024-09-14 10:33:39 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607866.html">Comment désinstaller Win11 Master Lu ? Tutoriel de désinstallation de Win11 Master Lu</a> </div> <div> 2024-09-14 10:33:02 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607863.html">Comment définir le thème Office dans Word Comment définir le thème Office gris foncé dans Word</a> </div> <div> 2024-09-14 10:32:51 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/fr/faq/1796607862.html">Comment prendre de longues captures d'écran de QQ dans Win11</a> </div> <div> 2024-09-14 10:32:40 </div></li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle"> Derniers numéros </div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/fr/wenda/173541.html" target="_blank" title="Meilleur moyen de précharger les données d'itinéraire avant d'accéder à l'itinéraire." class="wdcdcTitle">Meilleur moyen de précharger les données d'itinéraire avant d'accéder à l'itinéraire.</a> <a href="//m.sbmmt.com/fr/wenda/173541.html" class="wdcdcCons">Avant de restituer la page pour un itinéraire donné, je souhaite d'abord obtenir les donné...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">Depuis 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/fr/wenda/173535.html" target="_blank" title="Nuxt.js SSG (générateur de site statique) Obtenez des données API" class="wdcdcTitle">Nuxt.js SSG (générateur de site statique) Obtenez des données API</a> <a href="//m.sbmmt.com/fr/wenda/173535.html" class="wdcdcCons">Lors de la construction d'un projet à l'aide d'un générateur de site statique, je comprend...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">Depuis 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/fr/wenda/173533.html" target="_blank" title="Appel à une fonction non définie create_function()" class="wdcdcTitle">Appel à une fonction non définie create_function()</a> <a href="//m.sbmmt.com/fr/wenda/173533.html" class="wdcdcCons">Je reçois ce message sur la page d'accueil du site : Erreur fatale : Erreur non détectée :...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">Depuis 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/fr/wenda/173515.html" target="_blank" title="Laravel 9.x : Rediriger l'utilisateur pour afficher le message de réussite après l'inscription" class="wdcdcTitle">Laravel 9.x : Rediriger l'utilisateur pour afficher le message de réussite après l'inscription</a> <a href="//m.sbmmt.com/fr/wenda/173515.html" class="wdcdcCons">J'essaie de renvoyer une vue avec un message de réussite après avoir enregistré un utilisa...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">Depuis 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/fr/wenda/173514.html" target="_blank" title="TYPO3 V11 : "Avertissement PHP : clé de tableau non définie", $this->request->getArguments() est vide" class="wdcdcTitle">TYPO3 V11 : "Avertissement PHP : clé de tableau non définie", $this->request->getArguments() est vide</a> <a href="//m.sbmmt.com/fr/wenda/173514.html" class="wdcdcCons">Je suis un nouvel utilisateur de typo3, j'ai créé un plugin pour afficher les utilisateurs...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">Depuis 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> Rubriques connexes </div> <a href="//m.sbmmt.com/fr/faq/zt" target="_blank">Plus></a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/fr/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="Comment obtenir la longueur d'un tableau en js"></a><a target="_blank" href="//m.sbmmt.com/fr/faq/jsszcd" class="title-a-spanl" title=""><span>Comment obtenir la longueur d'un tableau en js</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/fr/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 actualiser la page actuelle"></a><a target="_blank" href="//m.sbmmt.com/fr/faq/jssxym" class="title-a-spanl" title=""><span>js actualiser la page actuelle</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/fr/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 arrondi"></a><a target="_blank" href="//m.sbmmt.com/fr/faq/jssswr" class="title-a-spanl" title=""><span>js arrondi</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/fr/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="méthode js pour supprimer le nœud"></a><a target="_blank" href="//m.sbmmt.com/fr/faq/jsscjddff" class="title-a-spanl" title=""><span>méthode js pour supprimer le nœud</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/fr/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="Caractères d'échappement JavaScript"></a><a target="_blank" href="//m.sbmmt.com/fr/faq/javascriptzy" class="title-a-spanl" title=""><span>Caractères d'échappement JavaScript</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/fr/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="Comment générer des nombres aléatoires en js"></a><a target="_blank" href="//m.sbmmt.com/fr/faq/jsscsjsdff" class="title-a-spanl" title=""><span>Comment générer des nombres aléatoires en js</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/fr/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="Comment activer JavaScript"></a><a target="_blank" href="//m.sbmmt.com/fr/faq/rhqyjavascrip" class="title-a-spanl" title=""><span>Comment activer JavaScript</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/fr/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="Explication détaillée de la classe Symbol dans JS"></a><a target="_blank" href="//m.sbmmt.com/fr/faq/jssymbol" class="title-a-spanl" title=""><span>Explication détaillée de la classe Symbol dans JS</span></a></li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle"> Recommandations populaires </div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="que signifie js" href="//m.sbmmt.com/fr/faq/482163.html">que signifie js</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment convertir une chaîne en tableau en js ?" href="//m.sbmmt.com/fr/faq/461802.html">Comment convertir une chaîne en tableau en js ?</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment actualiser la page en utilisant javascript" href="//m.sbmmt.com/fr/faq/473330.html">Comment actualiser la page en utilisant javascript</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment supprimer un élément dans le tableau js" href="//m.sbmmt.com/fr/faq/475790.html">Comment supprimer un élément dans le tableau js</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment utiliser la fonction sqrt" href="//m.sbmmt.com/fr/faq/415276.html">Comment utiliser la fonction sqrt</a> </div></li> </ul> </div> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div> Tutoriels populaires </div> <a target="_blank" href="//m.sbmmt.com/fr/course.html">Plus></a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one"> Tutoriels associés <div></div> </div> <div class="tabdiv swiper-slide" data-id="two"> Recommandations populaires <div></div> </div> <div class="tabdiv swiper-slide" data-id="three"> Derniers cours <div></div> </div> </div> <ul class="one"> <li><a target="_blank" href="//m.sbmmt.com/fr/course/1165.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611669264af860.jpg" alt="Cas classiques JavaScript"></a> <div class="wzrthree-right"> <a target="_blank" title="Cas classiques JavaScript" href="//m.sbmmt.com/fr/course/1165.html">Cas classiques JavaScript</a> <div class="wzrthreerb"> <div> 15637 <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/fr/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)"></a> <div class="wzrthree-right"> <a target="_blank" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" href="//m.sbmmt.com/fr/course/812.html">Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)</a> <div class="wzrthreerb"> <div> 1402000 temps d'étude </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/fr/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutoriel vidéo JAVA pour débutants"></a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo JAVA pour débutants" href="//m.sbmmt.com/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a> <div class="wzrthreerb"> <div> 2408834 temps d'étude </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/fr/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle"></a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" href="//m.sbmmt.com/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a> <div class="wzrthreerb"> <div> 497209 temps d'étude </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/fr/course/901.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Introduction rapide au développement web front-end"></a> <div class="wzrthree-right"> <a target="_blank" title="Introduction rapide au développement web front-end" href="//m.sbmmt.com/fr/course/901.html">Introduction rapide au développement web front-end</a> <div class="wzrthreerb"> <div> 214085 temps d'étude </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/fr/course/234.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Maîtrisez les didacticiels vidéo PS à partir de zéro"></a> <div class="wzrthree-right"> <a target="_blank" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" href="//m.sbmmt.com/fr/course/234.html">Maîtrisez les didacticiels vidéo PS à partir de zéro</a> <div class="wzrthreerb"> <div> 856078 temps d'étude </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/fr/course/1648.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Démarrage rapide de Node.js"></a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Démarrage rapide de Node.js" href="//m.sbmmt.com/fr/course/1648.html">[Web front-end] Démarrage rapide de Node.js</a> <div class="wzrthreerb"> <div> 4467 temps d'étude </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/fr/course/1647.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Collection complète de cours full-stack de développement Web étranger"></a> <div class="wzrthree-right"> <a target="_blank" title="Collection complète de cours full-stack de développement Web étranger" href="//m.sbmmt.com/fr/course/1647.html">Collection complète de cours full-stack de développement Web étranger</a> <div class="wzrthreerb"> <div> 3510 temps d'étude </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/fr/course/1646.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Aller au langage pratique GraphQL"></a> <div class="wzrthree-right"> <a target="_blank" title="Aller au langage pratique GraphQL" href="//m.sbmmt.com/fr/course/1646.html">Aller au langage pratique GraphQL</a> <div class="wzrthreerb"> <div> 3025 temps d'étude </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/fr/course/1645.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape"></a> <div class="wzrthree-right"> <a target="_blank" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" href="//m.sbmmt.com/fr/course/1645.html">Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape</a> <div class="wzrthreerb"> <div> 552 temps d'étude </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/fr/course/1644.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures"></a> <div class="wzrthree-right"> <a target="_blank" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" href="//m.sbmmt.com/fr/course/1644.html">Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures</a> <div class="wzrthreerb"> <div> 15579 temps d'étude </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> Derniers téléchargements </div> <a href="//m.sbmmt.com/fr/xiazai">Plus></a> </div> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef"> effets Web <div></div> </div> <div class="swiper-slide" data-id="twof"> Code source du site Web <div></div> </div> <div class="swiper-slide" data-id="threef"> Matériel du site Web <div></div> </div> <div class="swiper-slide" data-id="fourf"> Modèle frontal <div></div> </div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery" href="//m.sbmmt.com/fr/xiazai/js/8071">[bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3" href="//m.sbmmt.com/fr/xiazai/js/8070">[Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5" href="//m.sbmmt.com/fr/xiazai/js/8069">[Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery" href="//m.sbmmt.com/fr/xiazai/js/8068">[bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS" href="//m.sbmmt.com/fr/xiazai/js/8067">[Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique" href="//m.sbmmt.com/fr/xiazai/js/8066">[effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image" href="//m.sbmmt.com/fr/xiazai/js/8065">[Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3" href="//m.sbmmt.com/fr/xiazai/js/8064">[Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel 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/fr/xiazai/code/8328" title="[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8327" title="[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches" target="_blank">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8326" title="[Modèle frontal] Modèle Web de CV de travail créatif de concepteur" target="_blank">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8325" title="[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8324" title="[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs" target="_blank">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8323" title="[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne" target="_blank">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8322" title="[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet" target="_blank">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8321" title="[Modèle frontal] Modèle de site Web de service de trading de devises de style violet" target="_blank">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</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/fr/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/fr/xiazai/sucai/3077" target="_blank" title="[PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/sucai/3076" target="_blank" title="[banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/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/fr/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/fr/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/fr/xiazai/sucai/3072" target="_blank" title="[banner图] 扁平风格的植树节banner矢量素材(AI+EPS)">[banner图] 扁平风格的植树节banner矢量素材(AI+EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/sucai/3071" target="_blank" title="[PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(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/fr/xiazai/code/8328" target="_blank" title="[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8327" target="_blank" title="[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8326" target="_blank" title="[Modèle frontal] Modèle Web de CV de travail créatif de concepteur">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8325" target="_blank" title="[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8324" target="_blank" title="[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8323" target="_blank" title="[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8322" target="_blank" title="[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/fr/xiazai/code/8321" target="_blank" title="[Modèle frontal] Modèle de site Web de service de trading de devises de style violet">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</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/fr/about/us.html" rel="nofollow" target="_blank" title="À propos de nous" class="cBlack">À propos de nous</a> <a href="//m.sbmmt.com/fr/about/disclaimer.html" rel="nofollow" target="_blank" title="Clause de non-responsabilité" class="cBlack">Clause de non-responsabilité</a> <a href="//m.sbmmt.com/fr/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1"> Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！ </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>