本文摘自PHP中文网，作者墨辰?R，侵删。
本篇文章为大家带来一篇学习小实例--滚动条的简单实现。现在就分享给大家，也给大家做个参考。1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | <!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>
|
相关推荐：
HTML页面table滚动条的实现
JS有哪些属性可以判断页面是否存在滚动条
原生JS如何对多个滚动条同步操作
以上就是滚动条的简单实现的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
怎样使用trigger方式实现不用点击file类型的input弹出文件选择对话框
h5做出手机摇一摇功能的实现步骤
关于html操作滚动条的方法
vue中如何实现移动端的scroll滚动
html怎样对图片实现checkbox方法
微信小程序简单介绍
前端页面跳转并取值的实现
前端技术实现文本文字纹理叠加
h5的拖放应该如何实现
h5正常文本框提示语的实现方法
更多相关阅读请进入《实现》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 滚动条的简单实现
