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>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!
Was sind die Vor- und Nachteile der Dezentralisierung?
Warum meldet vue.js einen Fehler?
Aktivierungscode für den Vista-Schlüssel
Zu den Kerntechnologien des Big-Data-Analysesystems gehören:
Einführung in die Verwendung der Python-Programmierung
Offizielle Website von OuYi Exchange
drücke irgendeine Taste zum Neustart
Verbunden, aber kein Zugriff auf das Internet möglich
