Statisches Karussell
<span style="color: #008080"> 1</span> <span style="color: #800000"><!DOCTYPE html> </span><span style="color: #008080"> 2</span> <span style="color: #800000"><html xmlns="http://www.w3.org/1999/xhtml"> </span><span style="color: #008080"> 3</span> <span style="color: #800000"><head> </span><span style="color: #008080"> 4</span> <span style="color: #800000"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </span><span style="color: #008080"> 5</span> <span style="color: #800000"><title></title> </span><span style="color: #008080"> 6</span> <span style="color: #800000"><link href="css/demo.css" rel="stylesheet" /> </span><span style="color: #008080"> 7</span> <span style="color: #800000"></head> </span><span style="color: #008080"> 8</span> <span style="color: #800000"><body> </span><span style="color: #008080"> 9</span> <span style="color: #800000"><div id="dlunbo"> </span><span style="color: #008080">10</span> <span style="color: #800000"><div id="igs"> </span><span style="color: #008080">11</span> <span style="color: #800000"><div class="ig"><img src="img/1_1.jpg" /></div> </span><span style="color: #008080">12</span> <span style="color: #800000"><div class="ig"><img src="img/1_2.jpg" /></div> </span><span style="color: #008080">13</span> <span style="color: #800000"><div class="ig"><img src="img/1_3.png" /></div> </span><span style="color: #008080">14</span> <span style="color: #800000"><div class="ig"><img src="img/1_4.jpg" /></div> </span><span style="color: #008080">15</span> <span style="color: #800000"><div class="ig"><img src="img/1_5.jpg" /></div> </span><span style="color: #008080">16</span> <span style="color: #800000"></div> </span><span style="color: #008080">17</span> <span style="color: #800000"><ul id="tabs"> </span><span style="color: #008080">18</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">19</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">20</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">21</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">22</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">23</span> <span style="color: #800000"></ul> </span><span style="color: #008080">24</span> <span style="color: #800000"><div class="btn btn1" ><</div> </span><span style="color: #008080">25</span> <span style="color: #800000"><div class="btn btn2">></div> </span><span style="color: #008080">26</span> <span style="color: #800000"></div> </span><span style="color: #008080">27</span> <span style="color: #800000"></body> </span><span style="color: #008080">28</span> <span style="color: #800000"></html><br></span>
<span style="color: #008080"> 1</span> <span style="color: #800000">*</span>{
<span style="color: #008080"> 2</span> <span style="color: #ff0000">margin</span>:<span style="color: #0000ff">0px</span>;
<span style="color: #008080"> 3</span> <span style="color: #ff0000">padding</span>:<span style="color: #0000ff">0px</span>;
<span style="color: #008080"> 4</span> <span style="color: #ff0000">list-style-type</span>:<span style="color: #0000ff">none</span>;
<span style="color: #008080"> 5</span> }
<span style="color: #008080"> 6</span> <span style="color: #800000">#dlunbo</span>{
<span style="color: #008080"> 7</span> <span style="color: #ff0000">width</span>:<span style="color: #0000ff">500px</span>;
<span style="color: #008080"> 8</span> <span style="color: #ff0000">height</span>:<span style="color: #0000ff">330px</span>;
<span style="color: #008080"> 9</span> <span style="color: #ff0000">position</span>:<span style="color: #0000ff">absolute</span>;
<span style="color: #008080">10</span> <span style="color: #ff0000">top</span>:<span style="color: #0000ff">50%</span>;
<span style="color: #008080">11</span> <span style="color: #ff0000">margin-top</span>:<span style="color: #0000ff">-166px</span>;
<span style="color: #008080">12</span> <span style="color: #ff0000">left</span>:<span style="color: #0000ff">50%</span>;
<span style="color: #008080">13</span> <span style="color: #ff0000">margin-left</span>:<span style="color: #0000ff">-250px</span>;
<span style="color: #008080">14</span> }
<span style="color: #008080">15</span> <span style="color: #800000">.ig</span>{
<span style="color: #008080">16</span> <span style="color: #ff0000">position</span>:<span style="color: #0000ff">absolute</span>;
<span style="color: #008080">17</span> }
<span style="color: #008080">18</span> <span style="color: #800000">img</span>{
<span style="color: #008080">19</span> <span style="color: #ff0000">width</span>:<span style="color: #0000ff">500px</span>;
<span style="color: #008080">20</span> <span style="color: #ff0000">height</span>:<span style="color: #0000ff">330px</span>;
<span style="color: #008080">21</span> }
<span style="color: #008080">22</span> <span style="color: #800000">#tabs</span>{
<span style="color: #008080">23</span> <span style="color: #ff0000">position</span>:<span style="color: #0000ff">absolute</span>;
<span style="color: #008080">24</span> <span style="color: #ff0000">top</span>:<span style="color: #0000ff">300px</span>;
<span style="color: #008080">25</span> <span style="color: #ff0000">left</span>:<span style="color: #0000ff">200px</span>;
<span style="color: #008080">26</span> }
<span style="color: #008080">27</span> <span style="color: #800000">.tab</span>{
<span style="color: #008080">28</span> <span style="color: #ff0000">width</span>:<span style="color: #0000ff">20px</span>;
<span style="color: #008080">29</span> <span style="color: #ff0000">height</span>:<span style="color: #0000ff">20px</span>;
<span style="color: #008080">30</span> <span style="color: #ff0000">border</span>:<span style="color: #0000ff">solid 1px #ffffff</span>;
<span style="color: #008080">31</span> <span style="color: #ff0000">float</span>:<span style="color: #0000ff">left</span>;
<span style="color: #008080">32</span> <span style="color: #ff0000">margin-left</span>:<span style="color: #0000ff">5px</span>;
<span style="color: #008080">33</span> <span style="color: #ff0000">border-radius</span>:<span style="color: #0000ff">100%</span>;
<span style="color: #008080">34</span> <span style="color: #ff0000">cursor</span>:<span style="color: #0000ff">pointer</span>;
<span style="color: #008080">35</span> }
<span style="color: #008080">36</span> <span style="color: #800000">.btn</span>{
<span style="color: #008080">37</span> <span style="color: #ff0000">width</span>:<span style="color: #0000ff">30px</span>;
<span style="color: #008080">38</span> <span style="color: #ff0000">height</span>:<span style="color: #0000ff">50px</span>;
<span style="color: #008080">39</span> <span style="color: #ff0000">position</span>:<span style="color: #0000ff">absolute</span>;
<span style="color: #008080">40</span> <span style="color: #ff0000">background</span>:<span style="color: #0000ff">rgba(0,0,0,0.5)</span>;
<span style="color: #008080">41</span> <span style="color: #ff0000">color</span>:<span style="color: #0000ff">#fff</span>;
<span style="color: #008080">42</span> <span style="color: #ff0000">text-align</span>:<span style="color: #0000ff">center</span>;
<span style="color: #008080">43</span> <span style="color: #ff0000">line-height</span>:<span style="color: #0000ff">50px</span>;
<span style="color: #008080">44</span> <span style="color: #ff0000">font-size</span>:<span style="color: #0000ff">30px</span>;
<span style="color: #008080">45</span> <span style="color: #ff0000">top</span>:<span style="color: #0000ff">50%</span>;
<span style="color: #008080">46</span> <span style="color: #ff0000">margin-top</span>:<span style="color: #0000ff">-25px</span>;
<span style="color: #008080">47</span> <span style="color: #ff0000">cursor</span>:<span style="color: #0000ff">pointer</span>;
<span style="color: #008080">48</span> }
<span style="color: #008080">49</span> <span style="color: #800000">.btn1</span>{
<span style="color: #008080">50</span> <span style="color: #ff0000">left</span>:<span style="color: #0000ff">0px</span>;
<span style="color: #008080">51</span> }
<span style="color: #008080">52</span> <span style="color: #800000">.btn2</span>{
<span style="color: #008080">53</span> <span style="color: #ff0000">right</span>:<span style="color: #0000ff">0px</span>;
<span style="color: #008080">54</span> }
Das obige ist der detaillierte Inhalt vonStatisches Karussell. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1376
52
Eingehende Analyse der Rolle und Verwendung des statischen Schlüsselworts in der C-Sprache
Feb 20, 2024 pm 04:30 PM
Eingehende Analyse der Rolle und Verwendung des Schlüsselworts „static“ in der Sprache C. In der Sprache C ist „static“ ein sehr wichtiges Schlüsselwort, das bei der Definition von Funktionen, Variablen und Datentypen verwendet werden kann. Die Verwendung des Schlüsselworts static kann die Linkattribute, den Umfang und den Lebenszyklus des Objekts ändern. Lassen Sie uns die Rolle und Verwendung des Schlüsselworts static in der C-Sprache im Detail analysieren. Statische Variablen und Funktionen: Variablen, die mit dem Schlüsselwort static innerhalb einer Funktion definiert werden, werden als statische Variablen bezeichnet, die einen globalen Lebenszyklus haben
Die Rolle und Anwendungsszenarien privater statischer Methoden in PHP
Mar 23, 2024 am 10:18 AM
Die Rolle und Anwendungsszenarien privater statischer Methoden in PHP In der PHP-Programmierung ist eine private statische Methode ein spezieller Methodentyp. Auf sie kann nur innerhalb der Klasse zugegriffen werden, in der sie definiert ist, und sie kann nicht direkt von außen aufgerufen werden. Private statische Methoden werden normalerweise für die interne Logikimplementierung einer Klasse verwendet und bieten eine Möglichkeit, Details zu kapseln und auszublenden. Gleichzeitig weisen sie die Eigenschaften statischer Methoden auf und können ohne Instanziierung des Klassenobjekts aufgerufen werden. Im Folgenden werden die Rolle und Anwendungsszenarien privater statischer Methoden erläutert und spezifische Codebeispiele bereitgestellt. Funktion: Implementierungsdetails kapseln und ausblenden: private statische Aufladung
Beherrschen Sie schnell die Techniken und Methoden der statischen Relativpositionierung
Jan 18, 2024 am 11:18 AM
Die schnelle statische relative Positionierung ist eine sehr wichtige Positionierungsmethode in der Webentwicklung. Dadurch kann ein Element relativ zu seiner normalen Position leicht angepasst werden, während seine Position im Dokumentenfluss beibehalten wird. In diesem Artikel werde ich die Verwendung der schnellen statischen Relativpositionierung sowie einige gängige Anwendungsszenarien ausführlich vorstellen. Zunächst müssen wir die Grundkonzepte der schnellen statischen Relativpositionierung verstehen. In CSS gibt es vier Möglichkeiten, Elemente zu positionieren: statische Positionierung, relative Positionierung, absolute Positionierung und feste Positionierung. Statische Positionierung ist die Standardpositionierungsmethode. Die Position des Elements wird durch das Dokument bestimmt.
Das Prinzip der statischen Umzugstechnik und seine Anwendungsfälle
Jan 18, 2024 am 11:12 AM
Prinzipien und Anwendungen der statischen Verlagerungstechnologie Einführung: In modernen Computersystemen ist die Speicherverwaltung ein sehr wichtiges Thema. Da die Komplexität und Größe der Software zunimmt, werden Speicherbeschränkungen zu einer Herausforderung. Um Speicherressourcen effizienter zu nutzen, wurde die statische Verschiebungstechnologie entwickelt. In diesem Artikel werden die Prinzipien und Anwendungen der statischen Verlagerungstechnologie vorgestellt und einige spezifische Codebeispiele bereitgestellt. 1. Prinzip der statischen Verlagerungstechnologie Die statische Verlagerung ist eine Methode zum Verschieben von Programmcode und Daten von einem logischen Adressraum in einen anderen logischen Adressraum.
Optimierung von Seitenlayoutmethoden: Anwendungsfähigkeiten zur schnellen statischen relativen Positionierung
Jan 18, 2024 am 10:39 AM
So nutzen Sie die schnelle statische relative Positionierung zur Optimierung des Seitenlayouts Mit der Entwicklung des Internets ist Webdesign immer wichtiger geworden. Ein gutes Seitenlayout verbessert die Benutzererfahrung und verbessert die Benutzerfreundlichkeit und Zugänglichkeit Ihrer Website. Die schnelle statische relative Positionierung ist eine häufig verwendete Layouttechnik, mit der das Seitenlayout effektiv optimiert werden kann. In diesem Artikel wird erläutert, wie Sie mithilfe der schnellen statischen relativen Positionierung das Seitenlayout optimieren können. Die schnelle statische relative Positionierung ist eine auf CSS basierende Layouttechnologie. Durch die Verwendung des Attributs „position“ im CSS-Stylesheet kann sie verwendet werden, ohne den Text zu beeinträchtigen.
Verstehen Sie die einzigartigen Funktionen und Vorteile von Golang
Mar 03, 2024 am 10:51 AM
Golang oder Go-Sprache ist eine von Google entwickelte Programmiersprache und erfreut sich seit ihrer Einführung großer Beliebtheit bei Entwicklern. Golang verfügt über einzigartige Designkonzepte und Vorteile, die es ihm ermöglichen, in Bereichen wie großen gleichzeitigen Programmen, Netzwerkprogrammierung und Cloud Computing gute Leistungen zu erbringen. In diesem Artikel werden die einzigartigen Funktionen und Vorteile von Golang untersucht und diese Funktionen anhand spezifischer Codebeispiele demonstriert. 1. Gleichzeitige Programmierung Golang unterstützt natürlich die gleichzeitige Programmierung durch die beiden Hauptfunktionen von Goroutine und Channel, sodass Entwickler dies problemlos tun können
Ausführliche Erklärung der Go-Sprachfunktionen: Erfahren Sie mehr über die Sprachfunktionen von Go in einem Artikel
Mar 05, 2024 am 09:54 AM
Ausführliche Erklärung der Go-Sprachfunktionen: Erfahren Sie in einem Artikel mehr über die Sprachfunktionen von Go. Die Go-Sprache ist eine von Google entwickelte Open-Source-Programmiersprache, die statisch typisiert, kompiliert und gleichzeitig ist und über Garbage-Collection-Funktionen verfügt. Seit ihrer Veröffentlichung im Jahr 2009 ist die Go-Sprache bei Programmierern wegen ihrer effizienten Parallelitätsverarbeitungsfähigkeiten, ihrer prägnanten Syntax und ihrer schnellen Kompilierungsgeschwindigkeit beliebt. In diesem Artikel werden einige der Hauptfunktionen der Go-Sprache im Detail vorgestellt und den Lesern anhand spezifischer Codebeispiele geholfen, diese Funktionen besser zu verstehen. Eines der größten Merkmale der gleichzeitigen Programmierung der Go-Sprache ist ihre native Sprache
Führen Sie statisches jQuery in Vue ein, um Fehlermeldungen zu vermeiden
Feb 19, 2024 pm 04:16 PM
Die Einführung von statischem jQuery in ein Vue-Projekt kann zu einigen Fehlermeldungen führen, hauptsächlich weil Vue einige besondere Anforderungen an die Einführung und Verwendung von jQuery stellt. In der tatsächlichen Entwicklung müssen wir einige Spezifikationen und Vorsichtsmaßnahmen befolgen, um das Auftreten dieser Fehlermeldungen zu vermeiden. Im Folgenden werde ich einige spezifische Codebeispiele und Lösungen vorstellen, um den Lesern zu helfen, diese Fehler zu vermeiden. Zunächst müssen wir klarstellen: Die Einführung von jQuery in ein Vue-Projekt ist kein empfehlenswerter Ansatz, da Vue selbst umfangreiche Funktionalität bietet
