Implémentation simple de la barre de défilement-tutoriel HTML-php.cn

Implémentation simple de la barre de défilement

墨辰丷

Libérer： 2018-05-09 16:30:55

original

1529 Les gens l'ont consulté

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>

Copier après la connexion

Recommandations associées :

Implémentation de la barre de défilement du tableau des pages HTML

JS Quels attributs peuvent être utilisés pour déterminer s'il y a des barres de défilement sur la page

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!