`

AspNettPager分页样式收集

阅读更多

/**网易风格**/
.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分页样式

    在本主题中,我们聚焦于"两款漂亮的bootstrap分页样式",这涉及到CSS3技术在Bootstrap分页组件上的应用。 Bootstrap的分页组件(Pagination)是一个基本的导航元素,用于分隔大量的内容或结果,让用户能够分步骤...

    24种页面分页样式(带css)

    "24种页面分页样式(带css)" 提供了丰富的设计模板,旨在提升用户体验,同时也为开发者提供直接修改和应用的源码。下面我们将详细探讨这些知识点: 1. **分页设计原则**:优秀的分页设计应直观、简洁,易于理解和...

    24种非常漂亮的分页css样式

    文件"dedecms 24种漂亮分页代码_阅微草堂.mht"可能是包含这些样例的详细代码,dedecms是一个流行的CMS(内容管理系统),可能这些分页样式是专门为该系统设计的,方便用户快速集成到自己的网站中。而"24分页种样式...

    样式 24种分页样式

    "样式 24种分页样式"这个主题聚焦于如何通过不同的设计来提升用户体验,这通常是前端开发的一个重要方面。下面我们将详细探讨24种不同的分页样式及其相关知识点。 1. 基本样式:这是最常见的分页样式,通常包括“上...

    瞻远分页控件(带24种分页样式)

     一、支持网上流传的24种分页样式;  二、无限扩展自定义样式,灵活;  三、支持所有asp.net控件分页绑定; 四、分页效率高;  五、扩展方便、灵活性高;  六、支持所有浏览器,文档类型、兼容性高; 使用方法:...

    各种分页样式 分页风格 分页css

    各种分页样式 分页风格 分页css 分页cs.htm

    24种分页样式

    本资源“24种分页样式”提供了一系列不同的设计示例,旨在提升用户体验和网站美观性。分页样式的选择对网站的整体交互性和易用性具有显著影响。以下是对24种不同分页样式的详细解释和分析: 1. **经典数字分页**:...

    jquery分页,最简单分页,完整分页案例,50种分页样式

    本资源包含“最简单分页”至“50种分页样式”的完整案例,为开发者提供了丰富的选择,可以满足各种项目需求。 **jQuery分页基本原理** jQuery分页主要通过JavaScript来实现页面内容的动态加载和切换。它根据服务器...

    收集的几种分页样式,非常漂亮

    "收集的几种分页样式,非常漂亮"这个主题聚焦于美观且实用的分页设计,特别是其中的一款模仿百度的熊爪足迹样式,为用户提供了一种独特的交互体验。 1. **分页的基本概念**:分页通常包含“上一页”,“下一页”...

    瞻远分页控件演示版(带24种分页样式)源码

     一、支持网上流传的24种分页样式;  二、无限扩展自定义样式,灵活;  三、支持所有asp.net控件分页绑定; 四、分页效率高;  五、扩展方便、灵活性高;  六、支持所有浏览器,文档类型、兼容性高; 使用方法:...

    推荐10个js分页样式

    JavaScript 分页样式是一种在网页中实现数据分块展示的关键技术,尤其在大数据量的列表或者表格中,分页能够提高页面加载速度并提供更好的用户体验。本文将深入探讨这些JS分页样式的实现原理和特点,并结合提供的...

    漂亮的分页样式 js特效

    本篇主要介绍如何使用JavaScript实现漂亮的分页样式及其特效。 首先,我们要理解分页的基本原理。分页通常由一系列数字按钮(代表不同的页面)组成,用户可以通过点击这些按钮来切换页面。为了实现这个功能,我们...

    织梦 CSS分页样式

    本文将深入探讨"织梦 CSS分页样式"这一主题,结合提供的资源,我们主要关注如何利用CSS来优化网页的分页功能。 织梦(DedeCMS)是一款流行的PHP内容管理系统,它允许用户方便地创建和管理网站内容。在织梦系统中,...

    e路JS分页样式类,e路JS分页样式类

    "e路JS分页样式类"是一个专门针对JavaScript实现的分页样式库,它提供了美观的界面和友好的用户体验。在这个主题中,我们将深入探讨JavaScript分页的实现原理、设计模式以及如何利用CSS来定制样式。 首先,...

    20款经典分页样式......

    "20款经典分页样式"的资源集提供了各种设计精美的分页样式,旨在提升用户体验和网站美观度。下面我们将详细探讨分页及其样式的设计原则和应用。 首先,分页的基本功能是将大量信息分成可管理的小块,让用户可以逐页...

    漂亮的分页样式例子

    "漂亮的分页样式例子"这个压缩包文件提供了一系列美观、多样化的分页设计示例,旨在帮助开发者和设计师提升用户体验。 分页样式的设计不仅仅是美观的问题,它还涉及到易用性和可访问性。以下是一些关于创建漂亮分页...

    科讯cms分页样式

    本文将围绕"科讯CMS分页样式"这一主题,深入探讨如何使用CSS来定制和优化科讯CMS的分页样式。 分页是网页设计中常见的功能,用于处理大量数据的展示,使得用户可以方便地浏览多页内容。在科讯CMS中,分页样式是可以...

    前端分页样式

    在网页设计中,前端分页样式是至关重要的一个部分,它能够帮助用户高效地浏览大量数据,提升用户体验。本文将详细探讨前端分页样式的实现原理、设计原则以及常见的实现方式。 一、分页样式的重要性 前端分页样式...

    精选多款DIV+CSS分页样式源码

    3. **CSS分页样式**:分页样式通常包括分页按钮的大小、形状、颜色、边距、背景、 hover效果、active状态样式等。利用CSS,我们可以定制分页按钮的样式,使其与网站的整体设计风格保持一致。 4. **纯CSS翻页代码**...

Global site tag (gtag.js) - Google Analytics