简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

Einfache Implementierung der Bildlaufleiste

墨辰丷
Freigeben： 2018-05-09 16:30:55
Original
1504 Leute haben es durchsucht

Dieser Artikel zeigt Ihnen ein kleines Lernbeispiel – die einfache Implementierung von Bildlaufleisten. Lassen Sie mich es jetzt mit Ihnen teilen und es allen als Referenz geben. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>huanhangtiao</title>
<style>
a{
    width:17px;
    height:20px;
    font:12px/20px "宋体";
border:1px solid #e0e1e2;
    display:inline-block;
    text-align:center;
    color: #2052a3;
    }
    .shang{
    width:64px;
    }
    a:hover,.active{
    background-color:#1f3a87;
    color:#fff;
    }
</style>
</head>
 
<body>
<div class="">
<a class="shang">上一页</a>
<a>1</a>
<a>2</a>
<a class="active">3</a>
<a>4</a>
<a>5</a>
<a>6</a>
<a>7</a>
<a>8</a>
<a>9</a>
<a class="shang">下一页</a>
</div>
 
</body>
</html>
Nach dem Login kopieren

Verwandte Empfehlungen:

Implementierung der Bildlaufleiste für HTML-Seitentabellen

Was sind die JS Das Attribut kann bestimmen, ob auf der Seite eine Bildlaufleiste vorhanden ist

Wie natives JS mehrere Bildlaufleisten synchron betreibt

Das obige ist der detaillierte Inhalt vonEinfache Implementierung der Bildlaufleiste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
实现 滚动 简单
Quelle：php.cn
Vorheriger Artikel：Eine andere Möglichkeit, Formulare in PHP zu übermitteln, ohne sie zu aktualisieren Nächster Artikel：Besprechen Sie im Detail den Unterschied zwischen display:inline style und span in div
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie kann ich Tabellenzellenwerte in Dash mit einem Hyperlink versehen? (Verwendung von Plotly, Dash, Pandas usw.) Ich möchte den Zellenwert unter der Spalte „JobLink“ als Hyperlink festlegen. Wenn ich auf...
Aus 2023-11-17 18:47:10
0
1
283
So greifen Sie in der Setup-Funktion auf die $vuetify-Instanz zu Gibt es eine Möglichkeit, in der Einstellungsfunktion auf $vuetify (und alle anderen hinzu...
Aus 2023-11-17 17:47:45
0
1
366
Die beste Möglichkeit, Routendaten vorab zu laden, bevor auf die Route zugegriffen wird. Bevor ich die Seite für eine bestimmte Route rendere, möchte ich zunächst die erforderlich...
Aus 2023-11-17 14:54:42
0
2
379
So übergeben Sie den Schlüssel als Auswahloptionswert in v-for, wenn er geändert wird (VueJS) Ich verwende Vue3 und Bootstrap5. Ich habe eine Auswahl mit mehreren Optionen. Jetzt zeige...
Aus 2023-11-17 08:55:24
0
1
276
Guzzle-Ausnahmen abfangen Ich versuche, Ausnahmen in einer Reihe von Tests abzufangen, die auf einer von mir entwick...
Aus 2023-11-16 14:36:03
0
12
290
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！