/**网易风格**/
.anpager .cpb
{
background: #1F3A87 none repeat scroll 0 0;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-weight: bold;
margin: 5px 4px 0 0;
padding: 4px 5px 0;
width: 600px;
text-align: center;
}
.anpager a
{
background: #FFFFFF none repeat scroll 0 0;
border: 1px solid #CCCCCC;
color: #1F3A87;
margin: 5px 4px 0 0;
padding: 4px 5px 0;
text-decoration: none;
}
.anpager a:hover
{
background: #1F3A87 none repeat scroll 0 0;
border: 1px solid #1F3A87;
color: #FFFFFF;
}
/*迅雷风格*/
.pages
{
color: #999;
}
.pages a, .pages .cpb
{
text-decoration: none;
float: left;
padding: 0 5px;
border: 1px solid #ddd;
background: #ffff;
margin: 0 2px;
font-size: 11px;
color: #000;
}
.pages a:hover
{
background-color: #E61636;
color: #fff;
border: 1px solid #E61636;
text-decoration: none;
}
.pages .cpb
{
font-weight: bold;
color: #fff;
background: #E61636;
border: 1px solid #E61636;
}
/*拍拍网风格*/
.paginator
{
font: 11px Arial, Helvetica, sans-serif;
padding: 10px 20px 10px 0;
margin: 0px auto;
text-align:center;
}
.paginator a
{
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
margin-right: 2px;
}
.paginator a:visited
{
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.paginator .cpb
{
padding: 1px 6px;
font-weight: bold;
font-size: 13px;
border: none;
}
.paginator a:hover
{
color: #fff;
background: #ffa501;
border-color: #ffa501;
text-decoration: none;
}
/*淘宝风格*/
.tpaginator
{
font: 12px Arial, Helvetica, sans-serif;
padding: 10px 20px 10px 0;
margin: 0px;
}
.tpaginator a
{
border: solid 1px #ccc;
color: #0063dc;
cursor: pointer;
text-decoration: none;
}
.tpaginator a:visited
{
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.tpaginator .cpb
{
border: 1px solid #F50;
font-weight: 700;
color: #F50;
background-color: #ffeee5;
}
.tpaginator a:hover
{
border: solid 1px #F50;
color: #f60;
text-decoration: none;
}
.tpaginator a, .tpaginator a:visited, .tpaginator .cpb, .tpaginator a:hover
{
float: left;
height: 16px;
line-height: 16px;
min-width: 10px;
_width: 10px;
margin-right: 5px;
text-align: center;
white-space: nowrap;
font-size: 12px;
font-family: Arial,SimSun;
padding: 0 3px;
}
相关推荐
"最实用的漂亮的分页样式"这一主题着重于提升用户体验,通过美观的设计吸引用户并方便他们高效地浏览网页内容。下面我们将详细探讨分页样式的设计原则、常见类型以及实现方法。 1. **设计原则**: - **易用性**:...
在本主题中,我们聚焦于"两款漂亮的bootstrap分页样式",这涉及到CSS3技术在Bootstrap分页组件上的应用。 Bootstrap的分页组件(Pagination)是一个基本的导航元素,用于分隔大量的内容或结果,让用户能够分步骤...
"24种页面分页样式(带css)" 提供了丰富的设计模板,旨在提升用户体验,同时也为开发者提供直接修改和应用的源码。下面我们将详细探讨这些知识点: 1. **分页设计原则**:优秀的分页设计应直观、简洁,易于理解和...
文件"dedecms 24种漂亮分页代码_阅微草堂.mht"可能是包含这些样例的详细代码,dedecms是一个流行的CMS(内容管理系统),可能这些分页样式是专门为该系统设计的,方便用户快速集成到自己的网站中。而"24分页种样式...
"样式 24种分页样式"这个主题聚焦于如何通过不同的设计来提升用户体验,这通常是前端开发的一个重要方面。下面我们将详细探讨24种不同的分页样式及其相关知识点。 1. 基本样式:这是最常见的分页样式,通常包括“上...
一、支持网上流传的24种分页样式; 二、无限扩展自定义样式,灵活; 三、支持所有asp.net控件分页绑定; 四、分页效率高; 五、扩展方便、灵活性高; 六、支持所有浏览器,文档类型、兼容性高; 使用方法:...
各种分页样式 分页风格 分页css 分页cs.htm
本资源“24种分页样式”提供了一系列不同的设计示例,旨在提升用户体验和网站美观性。分页样式的选择对网站的整体交互性和易用性具有显著影响。以下是对24种不同分页样式的详细解释和分析: 1. **经典数字分页**:...
本资源包含“最简单分页”至“50种分页样式”的完整案例,为开发者提供了丰富的选择,可以满足各种项目需求。 **jQuery分页基本原理** jQuery分页主要通过JavaScript来实现页面内容的动态加载和切换。它根据服务器...
"收集的几种分页样式,非常漂亮"这个主题聚焦于美观且实用的分页设计,特别是其中的一款模仿百度的熊爪足迹样式,为用户提供了一种独特的交互体验。 1. **分页的基本概念**:分页通常包含“上一页”,“下一页”...
一、支持网上流传的24种分页样式; 二、无限扩展自定义样式,灵活; 三、支持所有asp.net控件分页绑定; 四、分页效率高; 五、扩展方便、灵活性高; 六、支持所有浏览器,文档类型、兼容性高; 使用方法:...
JavaScript 分页样式是一种在网页中实现数据分块展示的关键技术,尤其在大数据量的列表或者表格中,分页能够提高页面加载速度并提供更好的用户体验。本文将深入探讨这些JS分页样式的实现原理和特点,并结合提供的...
本篇主要介绍如何使用JavaScript实现漂亮的分页样式及其特效。 首先,我们要理解分页的基本原理。分页通常由一系列数字按钮(代表不同的页面)组成,用户可以通过点击这些按钮来切换页面。为了实现这个功能,我们...
本文将深入探讨"织梦 CSS分页样式"这一主题,结合提供的资源,我们主要关注如何利用CSS来优化网页的分页功能。 织梦(DedeCMS)是一款流行的PHP内容管理系统,它允许用户方便地创建和管理网站内容。在织梦系统中,...
"e路JS分页样式类"是一个专门针对JavaScript实现的分页样式库,它提供了美观的界面和友好的用户体验。在这个主题中,我们将深入探讨JavaScript分页的实现原理、设计模式以及如何利用CSS来定制样式。 首先,...
"20款经典分页样式"的资源集提供了各种设计精美的分页样式,旨在提升用户体验和网站美观度。下面我们将详细探讨分页及其样式的设计原则和应用。 首先,分页的基本功能是将大量信息分成可管理的小块,让用户可以逐页...
"漂亮的分页样式例子"这个压缩包文件提供了一系列美观、多样化的分页设计示例,旨在帮助开发者和设计师提升用户体验。 分页样式的设计不仅仅是美观的问题,它还涉及到易用性和可访问性。以下是一些关于创建漂亮分页...
本文将围绕"科讯CMS分页样式"这一主题,深入探讨如何使用CSS来定制和优化科讯CMS的分页样式。 分页是网页设计中常见的功能,用于处理大量数据的展示,使得用户可以方便地浏览多页内容。在科讯CMS中,分页样式是可以...
在网页设计中,前端分页样式是至关重要的一个部分,它能够帮助用户高效地浏览大量数据,提升用户体验。本文将详细探讨前端分页样式的实现原理、设计原则以及常见的实现方式。 一、分页样式的重要性 前端分页样式...
3. **CSS分页样式**:分页样式通常包括分页按钮的大小、形状、颜色、边距、背景、 hover效果、active状态样式等。利用CSS,我们可以定制分页按钮的样式,使其与网站的整体设计风格保持一致。 4. **纯CSS翻页代码**...