Cet article vous propose un petit exemple d'apprentissage : la mise en œuvre simple des barres de défilement. Permettez-moi de le partager avec vous maintenant et de le donner comme référence pour tout le monde.
<!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>Recommandations associées :
Implémentation de la barre de défilement du tableau des pages HTML
Comment synchroniser plusieurs barres de défilement avec JS natif
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Quels sont les avantages et les inconvénients de la décentralisation
Pourquoi vue.js signale-t-il une erreur ?
code d'activation de la clé Vista
Les technologies de base du système d'analyse du Big Data comprennent
Introduction aux utilisations de la programmation Python
Site officiel d'OuYi Exchange
appuyez sur n'importe quelle touche pour redémarrer
Connecté mais impossible d'accéder à Internet
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
