This article brings you a small learning example-the simple implementation of scroll bars. Let me share it with you now and give it as a reference for everyone.
<!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>Related recommendations:
Implementation of HTML page table scroll bar
What are the JS The attribute can determine whether there is a scroll bar on the page
How native JS operates multiple scroll bars synchronously
The above is the detailed content of Simple implementation of scroll bar. For more information, please follow other related articles on the PHP Chinese website!
HTML space setting method
IIS unexpected error 0x8ffe2740 solution
Implementation method of js barrage function
A complete list of linux server operation and maintenance commands
C language random function usage
What is the mobile service password?
How to lock screen on oppo11
How to adjust computer screen brightness
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
