本文摘自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如何对多个滚动条同步操作
以上就是滚动条的简单实现的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
html5使用四种方法实现移动页面自适应手机屏幕的方法总结
html网页优化压缩的实现步骤
css设置背景图片如何实现？（代码实例）
如何用html的title属性实现鼠标悬停显示文字
js如何实现自定义鼠标右击菜单
html的头标签meta如何实现refresh重新定向
怎么能在页面上实现一个圆形可点击区域？
如何实现table表格中的斜线表头效果
html实现简单的提示框
关于html操作滚动条的方法
更多相关阅读请进入《实现》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 滚动条的简单实现
