简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

滚动条的简单实现

墨辰丷
发布： 2018-05-09 16:30:55
原创
1544 人浏览过

本篇文章为大家带来一篇学习小实例--滚动条的简单实现。现在就分享给大家，也给大家做个参考。

<!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如何对多个滚动条同步操作

以上是滚动条的简单实现的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
实现 滚动 简单
来源：php.cn
上一篇：php无刷新提交表单另一种方法 下一篇：详谈div中的dispaly:inline样式 和span的区别
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
google 浏览器 手机版显示的怎么实现 老师您好，google 浏览器怎么变成手机版样式的？
来自于 2024-04-23 00:22:19
0
9
1588
PHP数组从URL参数中获取的行为不如预期 我有一个包含类别ID的URL参数，我想将其视为一个数组，如下所示：http://example.com?cat[]=3,9,13在PHP中，我使用它从URL参数获取数组：$catI...
来自于 2024-04-06 22:09:02
0
1
1428
返回值中变量的格式是什么？ 我是php的新学习者。我发现有一段代码：if($x<time()){return[false,'error'];}逻辑或变量并不重要，但我不明白[false,'error']...
来自于 2024-04-06 21:55:20
0
1
778
匹配单词的正则表达式 我有一个脚本，我试图将新的职位名称与数据库中的现有职位名称进行匹配。SELECTa.titleASJobTitle,j.DescriptionASMatchedJobTitle,f...
来自于 2024-04-06 21:24:04
0
1
606
数独检查器无法工作？谁能帮我识别错误？ 我尝试了在线编辑器上的所有方法，但仍然收到错误。但当我在我的机器上的VSCode上执行此操作时，它工作正常。我很困惑，在没有发现错误的情况下无法提交代码。我不知道该去哪里寻找了。我...
来自于 2024-04-06 21:21:07
0
1
474
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！