Heim > Artikel > Web-Frontend > Einfache Implementierung der Bildlaufleiste
Einfache Implementierung der Bildlaufleiste
- 墨辰丷Original
- 2018-05-09 16:30:551546Durchsuche
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!
Stellungnahme：
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