Zeilennummern für mit SVG</h1> <div class="wzctPerson"> <div class="wzctpleft"> <a href="http://www.php.cn/de/member/465014.html" target="_blank"> <img src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" /></a> <div class="wzctplright"> <div class="wzctpltop"> <div class="name">王林</div> </div> <div class="wzctpldown"> <span style="margin-left:0px; color: #999999;">Freigeben： 2024-08-19 18:33:32</span> </div> </div> </div> <div class="wzctpright"> <div class="wzctpr">Original</div> <div class="wzctprll">343 Leute haben es durchsucht</div> </div> </div> </div> <div class="wzconLine"></div> <div class="php-article"> <div class="article-list-left detail-content-wrap content"> <p>Neulich habe ich an einem JSON-Schemagenerator gearbeitet und wollte Zeilennummern in einem <textarea> anzeigen. Nichts Ausgefallenes und keine Rücksicht auf weiche Zeilenumbrüche oder irgendetwas entfernt Kompliziertes.</p> <p>Ich habe einige Nachforschungen angestellt und mehrere Ansätze gefunden:</p> <ol> <li>Verwendung eines Hintergrundbilds (TinyMCE macht das, indem es ein PNG verwendet)</li> <li>Mit einem <ol> geordnete Liste. </li> </ol> <p>Keiner davon hat mir gefallen! Das erste sah nicht klar aus – und entsprach nicht den Stilen, die ich bereits für meine <textarea>-Elemente eingerichtet hatte.</p> <p>Der zweite Schritt erforderte eine Menge JavaScript, um diese geordnete Liste aufrechtzuerhalten: <li>-Elemente dynamisch hinzufügen/entfernen, Scroll-Ereignisse synchronisieren und vieles mehr.</p> <p>Also habe ich am Ende einen Hybrid geschaffen. </p> <p>Es handelt sich um eine dynamisch generierte SVG-Datei, die als <em>benutzerdefinierte CSS-Eigenschaft</em> gespeichert und als Hintergrundbild verwendet wird, wobei die Stile vom übergeordneten <textarea>-Element übernommen werden.</p> <p><img src="https://img.php.cn/upload/article/000/000/000/172406361393154.png" alt="Line Numbers for <textarea>unter Verwendung von SVG"></p> <p>Lass uns eintauchen.</p> <hr> <h2> JavaScript </h2> <p>Zuerst die Hauptmethode:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">lineNumbers(element, numLines = 50, inline = false) </pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Element ist das <textarea> Zu verwendendes Element, numLines gibt die Anzahl der zu rendernden Zeilen an und inline gibt an, ob das generierte Bild auf element (true) oder auf document.body (false) gespeichert werden soll.</p> <p>Als nächstes definieren wir ein Präfix für die benutzerdefinierte Eigenschaft:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const prefix = '--linenum-'; </pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Bevor wir fortfahren, prüfen wir, ob vorhandene Immobilien weiterverwendet werden sollen:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">if (!inline) { const styleString = document.body.getAttribute('style') || ''; const regex = new RegExp(`${prefix}[^:]*`, 'g'); const match = styleString.match(regex); if (match) { element.style.backgroundImage = `var(${match[0]})`; return; } } </pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Als nächstes <strong>extrahieren</strong> wir Stile aus dem Element und rendern das SVG mit derselben Schriftfamilie, Schriftgröße, Zeilenhöhe usw. :<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const bgColor = getComputedStyle(element).borderColor; const fillColor = getComputedStyle(element).color; const fontFamily = getComputedStyle(element).fontFamily; const fontSize = parseFloat(getComputedStyle(element).fontSize); const lineHeight = parseFloat(getComputedStyle(element).lineHeight) / fontSize; const paddingTop = parseFloat(getComputedStyle(element).paddingTop) / 2; const translateY = (fontSize * lineHeight).toFixed(2); </pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Wir benötigen auch eine zufällige ID für unser Eigentum:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const id = `${prefix}${Math.random().toString(36).substr(2, 6)}`; </pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Und jetzt ist es an der Zeit, das SVG zu rendern:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const svg = `<svg xmlns="http://www.w3.org/2000/svg"> <style> svg { background: ${bgColor}; } text { fill: hsl(from ${fillColor} h s l / 50%); font-family: ${fontFamily}; font-size: ${fontSize}px; line-height: ${lineHeight}; text-anchor: end; translate: 0 calc((var(--n) * ${translateY}px) + ${paddingTop}px); } </style> ${Array.from({ length: numLines }, (_, i) => `<text x="90%" style="--n:${i + 1};">${i + 1}</text>`).join("")} </svg>`; </pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p><strong>Lassen Sie es uns aufschlüsseln:</strong></p> <p>Im <style>-Bereich legen wir einfach die Stile fest, die wir aus dem <textarea>-Bereich extrahiert haben. früher. Anstatt die Attribute y und dy für die <text>-Elemente zu verwenden, verwenden wir einfach eine --n-Eigenschaft, um die Textelemente mithilfe von CSS zu übersetzen.</p> <p>Der letzte Teil iteriert ein aus numLines erstelltes Array und hängt die <text>-Elemente an die Haupt-SVG an.</p> <p>Wir haben es fast geschafft!</p> <hr> <p>Um das generierte SVG als URL()-Eigenschaft zu verwenden, müssen wir es <strong>kodieren</strong>:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const encodedURI = `url("data:image/svg+xml,${encodeURIComponent(svg)}")`; </pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Und schließlich legen wir diese Eigenschaft entweder auf element oder document-body fest:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const target = inline ? element : document.body; target.style.setProperty(id, encodedURI); element.style.backgroundImage = `var(${id})`; </pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p><strong>Und das ist es!</strong></p> <p>Nicht schlecht und nur 610 Bytes, minimiert und komprimiert!</p> <hr> <h2> Demo </h2> <p>Sie können sich hier eine Demo ansehen und das vollständige Skript hier herunterladen.</p> <p>Unten ist ein vereinfachter Codepen, der nicht die Inline-Eigenschaftslogik verwendet:</p> <p><iframe height="600" src="https://codepen.io/stoumann/embed/LYKQZKr?height=600&default-tab=result&embed-version=2" scrolling="no" frameborder="no" allowtransparency="true" loading="lazy" style="width: 100%;"> </iframe> </p> <hr> <h2> Für und Wider </h2> <p>Gibt es Vor- und Nachteile? Natürlich gibt es sie! </p> <p>Ich persönlich – für mein aktuelles Projekt – brauchte eine einfache, klare Möglichkeit, Zeilennummern zu einer JSON-Vorschau innerhalb eines <textarea> hinzuzufügen, und diese Methode ist genau das Richtige.</p> <h3> Vorteile </h3> <h4> Reduzierte DOM-Manipulation </h4> <p>Diese Methode basiert nicht auf der Manipulation des DOM. Die Zeilennummern werden als einzelnes SVG generiert und in einer benutzerdefinierten CSS-Eigenschaft gespeichert.</p> <h4> Automatische Synchronisierung </h4> <p>Da die Zeilennummern Teil des Hintergrundbilds sind, scrollen sie automatisch mit dem Textinhalt, sodass keine manuelle Synchronisierungslogik erforderlich ist.</p> <h4> Wiederverwendbarkeit über Elemente hinweg </h4> <p>Durch die Speicherung der generierten SVG-Datei in einer benutzerdefinierten CSS-Eigenschaft kann sie über mehrere Elemente hinweg wiederverwendet werden. Das bedeutet, dass, wenn mehrere Elemente dieselben Zeilennummern erfordern, alle auf dieselbe benutzerdefinierte Eigenschaft verweisen können, wodurch eine redundante SVG-Generierung vermieden wird.</p> <h4> Skalierbarkeit </h4> <h2> Der Vektorcharakter von SVG stellt sicher, dass die Zeilennummern bei jeder Zoomstufe klar und deutlich bleiben. </h2> <h3> Nachteile </h3> <h4> Zugänglichkeit </h4> <p>Geordnete Listen sind für Screenreader und unterstützende Technologien besser zugänglich, während SVG-basierte Zeilennummern möglicherweise ignoriert oder falsch interpretiert werden.</p> <h4> Komplexität der Anpassung </h4> <p>Die Gestaltung und Interaktion mit einzelnen Zeilennummern in einer geordneten Liste ist unkompliziert. Im Gegensatz dazu macht es der SVG-Ansatz schwieriger, bestimmte Zeilennummern anzupassen oder ihnen Interaktivität hinzuzufügen.</p> <h4> Browserkompatibilität </h4> <p>Benutzerdefinierte SVG- und CSS-Eigenschaften werden möglicherweise nicht in allen Browsern konsistent dargestellt – die aktuelle Implementierung hat Probleme mit Safari, wo wir (paddingTop / 10) von translatorY abziehen müssen.</p> <h4> Dynamische Inhaltsverarbeitung </h4> <p>Geordnete Listen können flexibler für die Handhabung dynamischer Inhaltsaktualisierungen sein, z. B. das Hinzufügen oder Entfernen von Zeilen, während der SVG-Ansatz möglicherweise die Neugenerierung und erneute Anwendung des gesamten Hintergrundbilds erfordert.</p> <p>Das obige ist der detaillierte Inhalt vonZeilennummern für <textarea> mit SVG. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div> </div> <div style="height: 25px;"> <div style="display: inline-flex;float: right; color:#333333;">Quelle：dev.to</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/de/faq/1796574374.html" title="Mein erstes Webentwicklungsprojekt: HTML und CSS lernen"> <span>Vorheriger Artikel：Mein erstes Webentwicklungsprojekt: HTML und CSS lernen</span> </a> <a href="http://www.php.cn/de/faq/1796575869.html" title="Ich mag es, es zu bewegen, es zu bewegen (Teil 2)"> <span>Nächster Artikel：Ich mag es, es zu bewegen, es zu bewegen (Teil 2)</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Erklärung dieser Website</div> <div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an 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">Neueste Artikel des Autors</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796612211.html">Sequel to Endless Runner Game Opens for Anyone to Compete for a $1 Million Prize Pool</a> </div> <div>2024-09-20 15:52:34</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796612199.html">Solana-Based Memecoin Popcat (POPCAT) Records Nearly 100% Gain In A Month, Mimicking Bitcoin's 2019 'Dry Bounce'</a> </div> <div>2024-09-20 15:46:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796612163.html">$QASH Airdrop: Claim Your Piece of the Pie!</a> </div> <div>2024-09-20 15:28:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796612100.html">MetaMask支付平台的可靠性和合法性</a> </div> <div>2024-09-20 14:54:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796612098.html">如何将MetaMask钱包中的资产转移到交易所</a> </div> <div>2024-09-20 14:52:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796612090.html">imToken冷钱包怎么激活</a> </div> <div>2024-09-20 14:44:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796612088.html">MATIC币2024-2030年价格预测</a> </div> <div>2024-09-20 14:42:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796611938.html">IntelMarkets (INTL): Der Vorverkauf für Dual-Chain-Flexibilität, hohe Hebelwirkung und quantensicheres Protokoll Perpetual Exchange ist live</a> </div> <div>2024-09-20 09:46:12</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796611649.html">Die Layer-2-Skalierungslösung Shibarium von Shiba Inu erlebt ein Wiederaufleben, SHIB-Preis steigt um 10 %</a> </div> <div>2024-09-20 06:47:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796611646.html">Der Gründer von Crypto Banter hebt Token hervor, die für die Altcoin-Saison vorbereitet sind</a> </div> <div>2024-09-20 06:46:29</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Aktuelle Ausgaben</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176411.html" target="_blank" title="function_exists() kann die benutzerdefinierte Funktion nicht ermitteln" class="wdcdcTitle">function_exists() kann die benutzerdefinierte Funktion nicht ermitteln</a> <a href="http://www.php.cn/de/wenda/176411.html" class="wdcdcCons">Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-29 11:01:01</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>1346</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176410.html" target="_blank" title="So zeigen Sie die mobile Version von Google Chrome an" class="wdcdcTitle">So zeigen Sie die mobile Version von Google Chrome an</a> <a href="http://www.php.cn/de/wenda/176410.html" class="wdcdcCons">Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-23 00:22:19</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>9</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1437</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176407.html" target="_blank" title="Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht." class="wdcdcTitle">Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht.</a> <a href="http://www.php.cn/de/wenda/176407.html" class="wdcdcCons">Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-19 15:37:47</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>1265</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176406.html" target="_blank" title="Im übergeordneten Fenster erfolgt keine Ausgabe" class="wdcdcTitle">Im übergeordneten Fenster erfolgt keine Ausgabe</a> <a href="http://www.php.cn/de/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-18 23:52:34</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>1167</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176405.html" target="_blank" title="Wo gibt es die Kursunterlagen zum CSS-Mindmapping?" class="wdcdcTitle">Wo gibt es die Kursunterlagen zum CSS-Mindmapping?</a> <a href="http://www.php.cn/de/wenda/176405.html" class="wdcdcCons">Kursunterlagen</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-16 10:10:18</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1245</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>verwandte Themen</div> <a href="http://www.php.cn/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/mfhwwzfwqdydq"><img src="https://img.php.cn/upload/subject/202407/22/2024072212263486099.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Vor- und Nachteile kostenloser Website-Server im Ausland" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/mfhwwzfwqdydq" class="title-a-spanl" title="Vor- und Nachteile kostenloser Website-Server im Ausland"><span>Vor- und Nachteile kostenloser Website-Server im Ausland</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/jsjrjxtbk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214220368217.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Computersoftwaresysteme umfassen" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/jsjrjxtbk" class="title-a-spanl" title="Computersoftwaresysteme umfassen"><span>Computersoftwaresysteme umfassen</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/vuexssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205345280.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was ist Vuex?" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/vuexssm" class="title-a-spanl" title="Was ist Vuex?"><span>Was ist Vuex?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/chatgptxc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214090068650.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ChatGPT-Registrierung" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/chatgptxc" class="title-a-spanl" title="ChatGPT-Registrierung"><span>ChatGPT-Registrierung</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/zmbcadbjhs"><img src="https://img.php.cn/upload/subject/202407/22/2024072214142849910.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So ändern Sie das CAD-Layout von Weiß auf Schwarz" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/zmbcadbjhs" class="title-a-spanl" title="So ändern Sie das CAD-Layout von Weiß auf Schwarz"><span>So ändern Sie das CAD-Layout von Weiß auf Schwarz</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/esdssmwj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214114576965.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was ist eine ESD-Datei?" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/esdssmwj" class="title-a-spanl" title="Was ist eine ESD-Datei?"><span>Was ist eine ESD-Datei?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/agpjkssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072212082788836.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was ist eine AGP-Schnittstelle?" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/agpjkssm" class="title-a-spanl" title="Was ist eine AGP-Schnittstelle?"><span>Was ist eine AGP-Schnittstelle?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/cjdbmff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213553619371.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Gängige Codierungsmethoden" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/cjdbmff" class="title-a-spanl" title="Gängige Codierungsmethoden"><span>Gängige Codierungsmethoden</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">Beliebte Empfehlungen</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So stellen Sie CSS so ein, dass es die Anzeigeellipsen überschreitet" href="http://www.php.cn/de/faq/482865.html">So stellen Sie CSS so ein, dass es die Anzeigeellipsen überschreitet</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So legen Sie die Schriftgröße in CSS fest" href="http://www.php.cn/de/faq/469426.html">So legen Sie die Schriftgröße in CSS fest</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So verwenden Sie Hover in CSS" href="http://www.php.cn/de/faq/417948.html">So verwenden Sie Hover in CSS</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So legen Sie den Zeichenabstand in CSS fest" href="http://www.php.cn/de/faq/482889.html">So legen Sie den Zeichenabstand in CSS fest</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was sind die neuen Funktionen von CSS3?" href="http://www.php.cn/de/faq/415878.html">Was sind die neuen Funktionen von CSS3?</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>Beliebte Tutorials</div> <a target="_blank" href="http://www.php.cn/de/course.html">Mehr> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Verwandte Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Beliebte Empfehlungen<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Aktuelle Kurse<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="http://www.php.cn/de/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="http://www.php.cn/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div>1402999 <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="http://www.php.cn/de/course/74.html" title="php入门教程之一周学会PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="php入门教程之一周学会PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" title="php入门教程之一周学会PHP" href="http://www.php.cn/de/course/74.html">php入门教程之一周学会PHP</a> <div class="wzrthreerb"> <div>4230670 <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="http://www.php.cn/de/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="http://www.php.cn/de/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div>2417972 <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="http://www.php.cn/de/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="http://www.php.cn/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div>498110 <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="http://www.php.cn/de/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="http://www.php.cn/de/course/2.html">PHP 零基础入门教程</a> <div class="wzrthreerb"> <div>833925 <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="http://www.php.cn/de/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="http://www.php.cn/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1402999 Lernzeiten</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/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="http://www.php.cn/de/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div >2417972 Lernzeiten</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="http://www.php.cn/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div >498110 Lernzeiten</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/901.html" title="Web前端开发极速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端开发极速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web前端开发极速入门" href="http://www.php.cn/de/course/901.html">Web前端开发极速入门</a> <div class="wzrthreerb"> <div >214168 Lernzeiten</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/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="http://www.php.cn/de/course/234.html">零基础精通 PS 视频教程</a> <div class="wzrthreerb"> <div >858777 Lernzeiten</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="http://www.php.cn/de/course/1648.html" title="【web前端】Node.js快速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="【web前端】Node.js快速入门" href="http://www.php.cn/de/course/1648.html">【web前端】Node.js快速入门</a> <div class="wzrthreerb"> <div >4668 Lernzeiten</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1647.html" title="国外Web开发全栈课程全集" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="国外Web开发全栈课程全集"/> </a> <div class="wzrthree-right"> <a target="_blank" title="国外Web开发全栈课程全集" href="http://www.php.cn/de/course/1647.html">国外Web开发全栈课程全集</a> <div class="wzrthreerb"> <div >3615 Lernzeiten</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/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="http://www.php.cn/de/course/1646.html">Go语言实战之 GraphQL</a> <div class="wzrthreerb"> <div >3104 Lernzeiten</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/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="http://www.php.cn/de/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a> <div class="wzrthreerb"> <div >558 Lernzeiten</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1644.html" title="python大神Mosh，零基础小白6小时完全入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基础小白6小时完全入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="python大神Mosh，零基础小白6小时完全入门" href="http://www.php.cn/de/course/1644.html">python大神Mosh，零基础小白6小时完全入门</a> <div class="wzrthreerb"> <div >16062 Lernzeiten</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>Neueste Downloads</div> <a href="http://www.php.cn/de/xiazai">Mehr> </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">Web-Effekte <div></div></div> <div class="swiper-slide" data-id="twof">Quellcode der Website<div></div></div> <div class="swiper-slide" data-id="threef">Website-Materialien<div></div></div> <div class="swiper-slide" data-id="fourf">Frontend-Vorlage<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery企业留言表单联系代码" href="http://www.php.cn/de/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="http://www.php.cn/de/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="http://www.php.cn/de/xiazai/js/8069">[菜单导航] HTML5炫酷粒子动画导航菜单特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery可视化表单拖拽编辑代码" href="http://www.php.cn/de/xiazai/js/8068">[表单按钮] jQuery可视化表单拖拽编辑代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS仿酷狗音乐播放器代码" href="http://www.php.cn/de/xiazai/js/8067">[播放器特效] VUE.JS仿酷狗音乐播放器代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="经典html5推箱子小游戏" href="http://www.php.cn/de/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="http://www.php.cn/de/xiazai/js/8065">[图片特效] jQuery滚动添加或减少图片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3个人相册封面悬停放大特效" href="http://www.php.cn/de/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="http://www.php.cn/xiazai/code/8328" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen" target="_blank">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8327" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben" target="_blank">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8326" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer" target="_blank">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8325" title="Website-Vorlage eines modernen Ingenieurbauunternehmens" target="_blank">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8324" title="Responsive HTML5-Vorlage für Bildungseinrichtungen" target="_blank">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8323" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren" target="_blank">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8322" title="IT-Technologie löst Website-Vorlage für Internetunternehmen" target="_blank">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8321" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil" target="_blank">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/xiazai/sucai/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="http://www.php.cn/de/xiazai/sucai/3077" target="_blank" title="四个红的的 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="http://www.php.cn/de/xiazai/sucai/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/xiazai/sucai/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="http://www.php.cn/de/xiazai/sucai/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="http://www.php.cn/de/xiazai/sucai/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="http://www.php.cn/de/xiazai/sucai/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[banner图] 扁平风格的植树节banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/xiazai/sucai/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(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="http://www.php.cn/xiazai/code/8328" target="_blank" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8327" target="_blank" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8326" target="_blank" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8325" target="_blank" title="Website-Vorlage eines modernen Ingenieurbauunternehmens">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8324" target="_blank" title="Responsive HTML5-Vorlage für Bildungseinrichtungen">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8323" target="_blank" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8322" target="_blank" title="IT-Technologie löst Website-Vorlage für Internetunternehmen">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8321" target="_blank" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</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> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="http://www.php.cn/de/about/us.html" rel="nofollow" target="_blank" title="Über uns" class="cBlack">Über uns</a> <a href="http://www.php.cn/de/about/disclaimer.html" rel="nofollow" target="_blank" title="Haftungsausschluss" class="cBlack">Haftungsausschluss</a> <a href="http://www.php.cn/de/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1">Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</dd> </dl> </div> </div> </div> </div> <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?1726857245"></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> </body> </html>