学习小实例--滚动条的简单实现_经验交流

效果:

代码:

<!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>

以上就是小编为大家带来的学习小实例--滚动条的简单实现全部内容了,希望大家多多支持~

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css实现滚动条
,以便于您获取更多的相关知识。

时间: 2024-09-20 16:33:31

学习小实例--滚动条的简单实现_经验交流的相关文章

在iframe中隐藏横向滚动条的方法大全_经验交流

在iframe中隐藏横向滚动条.. 删除DM中自动生成的 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 此句代码. body中这样写: <body style=style="overflow-x:hidden;overflow-y:scroll"> 能隐藏IFRAM

DIV+CSS 滑动门技术的简单例子_经验交流

兼职实习 车辆买卖 同城活动 房屋租售 同城寻缘 跳蚤市场 个人服务 学习与培训培训

关于&amp;amp;lt; tbody &amp;amp;gt;的一个实例,很实用。_经验交流

当前位置:展馆分布 > A展馆1楼展厅   A展馆1楼展厅 A展馆2楼展厅 B展馆1楼展厅 B展馆2楼展厅 C展馆1楼展厅 C展馆2楼展厅 一 二 三 四 五 六

层盖住下拉列表框问题解决方案_经验交流

IE6真的让人很郁闷.但是就目前而言,我们还是不能放弃对IE6的兼容.从下面的我的blog访问统计分析数据来看,使用IE6的还是占有绝对主流的.列表框问题解决方案_经验交流-下拉列表">本来想顺便说说web标准中这个"标准"到底是个什么东西,但是发现,还是明日另起一篇吧.因为这个不是"顺便说说"就能说清楚的.我们今天还是不如这个正题--如何让层盖住下拉列表框? 非常郁闷或者非常幸运的说一下:这个问题只会出现IE7之前那些对web标准支持不好的浏览器中

css为图片设置背景图片_经验交流

CSS的功能是非常强大的,对于元素的表现以及页面的布局,都提供了非常强大的功能,这主要在于我们灵活的运行,在这方面提供了丰富且富含价值的各种教程与信息.对于图片的使用,其实更多的是在内容层.根据WEB标准的思路,表现层的图片,已经都被分离到CSS中去了.只有作为内容的图片才能以IMG标签插入在页面中,这也是一直强调的语义. 为图片设置背景图片,是一个非常搞的实例.这句话或许就感觉有点好玩.我们为以IMG标签引入页面的图片设置背景图片.这样的应用范围或许并不大,但可以锻炼你的思路,让你理解元素在H

xhtml+css网页制作中常见问题解决方法_经验交流

无论是谁,在制作页面的过程都是会碰到这样或者那样的问题,出了问题就肯定要解决.解决问题的前提是要知道问题出在什么地方,对于新手来说不一定一看到问题就知道问题出在哪里.比如在IE6中"多了一只猪"的问题,对于一些问题需要更多的经验交流分享吸收后才能更好的成长. 在网络中我想大家都有提过问题,需要别人解答的时候,但往往是你的一个问题却得不到任何人给你的解答,或者说是完全被无视了.对于这个时候的你,是不是在想"难道是因为我这个问题太简单了,他们都不想回答""他们

css Sprites小实例代码_经验交流

这是一个很简单的应用,不过在设计中,这样做可以减轻服务器的压力,是请求次数减少,是一个不错的方法. 特别要说明的是,在这种小图片上即使是两张图片其实就响应时间来说也慢不了多少,不过有一个问题,就是两张图片交替时容易出现背景图片从新加载而导致很段时间不显示的效果.(时间长短视服务器的响应速度和图片大小而变化) 下面是css的部分: body {   font-family: "Lucida Sans", "Lucida Sans Unicode";   font-si

学习正则!超基础简单例子_正则表达式

问题是这样的,某个情况下要给:http://jb51.net?a=1 这类url地址追加参数变为:http://jb51.net?a=1&b=2 但是怎么知道已经存在相同参数名呢,例如有这种情况:http://jb51.net?a=1&a=2 这个虽然不会有什么大错误,但是地址栏这样看起来很不好.那怎么办呢?用正则解决吧(本来我想用php的字符串处理解决的,但是后来觉得要学一下正则了就用正则做吧) 以下是我用于返回上一页的后台处理方法 复制代码 代码如下: function _goBack

div+CSS 兼容小摘_经验交流

区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue; IE7,IE8兼容: <meta http