Heim  >  Artikel  >  Web-Frontend  >  Einfache Implementierung der Bildlaufleiste

Einfache Implementierung der Bildlaufleiste

墨辰丷
墨辰丷Original
2018-05-09 16:30:551568Durchsuche

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