百度分页样式

最新推荐文章于 2023-04-24 15:01:54 发布
最新推荐文章于 2023-04-24 15:01:54 发布
阅读量157 收藏
点赞数
原文链接：http://www.cnblogs.com/m-cnblogs/archive/2012/10/10/2718564.html
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 百度分页样式 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
#page {
FONT: 14px simsun; WHITE-SPACE: nowrap
}
#page A {
TEXT-ALIGN: center; LINE-HEIGHT: 22px; DISPLAY: inline-block; BACKGROUND: white; HEIGHT: 54px; VERTICAL-ALIGN: text-bottom; OVERFLOW: hidden; MARGIN-RIGHT: 5px; TEXT-DECORATION: none
}
#page STRONG {
TEXT-ALIGN: center; LINE-HEIGHT: 22px; DISPLAY: inline-block; BACKGROUND: white; HEIGHT: 54px; VERTICAL-ALIGN: text-bottom; OVERFLOW: hidden; MARGIN-RIGHT: 5px; TEXT-DECORATION: none
}
#page A {
CURSOR: pointer
}
#page A:hover {
BACKGROUND: 0px 50%
}
#page .n:hover {
BACKGROUND: #ebebeb
}
#page A:hover .pc {
BACKGROUND: #ebebeb
}
#page .n {
BORDER-BOTTOM: #e7ecf0 1px solid; BORDER-LEFT: #e7ecf0 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; HEIGHT: 22px; BORDER-TOP: #e7ecf0 1px solid; BORDER-RIGHT: #e7ecf0 1px solid; PADDING-TOP: 0px
}
#page SPAN {
DISPLAY: block
}
#page .pc {
BORDER-BOTTOM: #e7ecf0 1px solid; BORDER-LEFT: #e7ecf0 1px solid; WIDTH: 22px; HEIGHT: 22px; BORDER-TOP: #e7ecf0 1px solid; CURSOR: pointer; BORDER-RIGHT: #e7ecf0 1px solid
}
#page .fk {
WIDTH: 24px; BACKGROUND: url(http://s1.bdstatic.com/r/www/cache/global/img/bg-1.0.4.png) no-repeat -35px -309px; HEIGHT: 30px; CURSOR: pointer
}
#page STRONG .fk {
CURSOR: auto
}
#page STRONG .pc {
CURSOR: auto
}
#page .fkd {
BACKGROUND-POSITION: -35px -303px
}
#page .fk_cur {
BACKGROUND-POSITION: 2px -312px
}
#page STRONG .pc {
LINE-HEIGHT: 24px; BORDER-RIGHT-WIDTH: 0px; WIDTH: 24px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 24px; BORDER-LEFT-WIDTH: 0px
}
#page .nums {
DISPLAY: inline-block; VERTICAL-ALIGN: text-bottom
}
</style>
</head>

<body>
<P id=page><A class="n"
href="#">&lt;上一页</A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">1</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">2</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">3</SPAN></A><STRONG><SPAN
class="fk fk_cur"></SPAN><SPAN class="pc">4</SPAN></STRONG><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">5</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">6</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">7</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">8</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">9</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">10</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">11</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">12</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">13</SPAN></A><A class="n"
href="#">下一页&gt;</A>
</body>
</html>

转载于:https://www.cnblogs.com/m-cnblogs/archive/2012/10/10/2718564.html

weixin_33919941
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
thinkphp 仿百度分页+漂亮的分页样式
11-25
首先:需要两个文件 page.class.php page.css 1.在TP原有的 page.class.php 文件稍作修改几条代码就可以了, 修改过的地方我会注释, 2.page.css 这个是24款分页的样式 在模版中使用, 引入 page.css 如果: 要变更分页的样式, 打开 page.css ,参照修改相对应的 即可 不能上传效果图片，不懂的欢迎来问
百度分页样式代码 css+c#
denaoderenhuan8776的博客
09-30 186
通过c#输出html分页代码： 1 /// <summary> 2 /// 返回分页Html代码 3 /// </summary> 4 /// <param name="pageIndex">第几页</param> 5 /// &lt...
js实现简单百度分页和两种tab样式切换简单实现
ykblog.github.io
11-24 4890
1、分页 /* *分页 */ var size = data.count; //总页数 var spage = (page - 1) < 1 ? 1 : (page - 1); var pagehtml = ""; var firstpage = "0.5"; var endpage = 10; //当页数过多时用来隐藏一部分 for(var p = page;p>0;p--){ first
仿照百度分页样式的代码
10-25
代码中databasename 是数据库名称 tablename是表名 可更换
照着百度的分页写了一个分页条
wangyizhi58的专栏
08-28 3656
[csharp] view plaincopy using System;   using System.Collections.Generic;   using System.Linq;   using System.Web;   using System.Text;   using System.Configuration;   using Syste
PHP实现分页功能（二）百度分页样式，固定分页个数
一只胡萝卜
09-17 600
基于THINKPHP5框架开发，实现百度分页样式的分页功能，固定分页个数； 模仿百度分页功能实现可以调节的分页功能；
百度分页栏效果
qq_51296300的博客
04-24 149
2、当点击大于5页页码时，分页栏展示的页码与当前页码相关，当前页码（currentPage）左边展示5页，即start = currentPage - 5，右边展示4页，即end = currentPage + 4，总页数为10。3、当点击页码到最后总页数之间少于4页，则从最后一页往前展示10页,即end = 总页数,start = end - 10;1、当点击前面1-5页，展示的是1-10页页码，即start = 1 ，end = 10；设置分页栏开始位置start ，结束位置end。
实现百度分页效果
程序员咏哥的博客
05-30 3516
架构：jquery + angularjs + bootstrap 编码工具：HBuilder 百度分页的原理进行分析 ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 首先创建工程，创建页面，添加json数据 导入对应的js和cs ...
jQuery实现的仿百度分页足迹效果代码
10-23
主要介绍了jQuery实现的仿百度分页足迹效果代码,采用jQuery针对奇偶数不同的页码设置不同的样式,非常简单实用,需要的朋友可以参考下
基于jquery实现的一个仿百度搜索分页插件
05-16
基于jquery实现的一个仿百度搜索javascript分页插件
js模仿百度分页，最多显示10页
03-11
模仿百度写的一个分页例子，限制最多显示10页
百度page分页技术前端html代码
11-12
这是一个百度page分页技术前端html代码，希望对大家有用。
24种非常漂亮的分页css样式
08-17
24种非常漂亮的分页css样式,非常值得研究，各种分页效果均有，而且非常的好看，具有一定的技术含量。
gridview分页效果
07-05
gridview分页效果
类似百度的分页-ASP分页函数-可自定义显示文字和样式等
EnVon的专栏
04-01 3227
显示效果类似于百度搜索的一个分页函数， 可以自定义显示的文字和使用的样式， 效果请看百度，或者看实际应用：http://polycn.com/family/news.asp  下面是函数的源码：   <% '| '|------------------------------------------------------------------------- '| 名称：类似
分页列表实现CSS \HTML（类似百度分页）
lujiebin的博客
05-08 873
代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 1.样式的重置 */ ul{ list-style: none; paddi...
406_智能小区管家服务系统的设计与实现-源码.zip
06-02
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
毕业设计+项目编程实战+基于BS架构的ASP.NET的新闻管理系统(含程序源代码+毕业设计文档)
最新发布
06-02
前言……………………………………………………………………………….2 第1章 ASP简介…………………………………………………………….…..1 1.1ASP的特点………………………………………………………….1 1.2ASP的优势………………………………………………………….2 1.3 ASP与HTML……………………………………………………….3 1.4 ASP的内置对象……………………………………………………..4 1.4.1 Request对象………………………………………………….4 1.4.2 Response对象………………………………………………..4 第2章 为什么要开发一个新闻发布系统…………………………………………….6 第3章 Access数据库……………………………………………………………8 3.1 数据库概念………………………………………………………….8 3.2 Access数据库特点………………………………………………….8 3.3
分页 样式 element
06-08
Element UI 提供了许多分页样式可供选择。以下是一些常用的分页样式： 1. 默认分页样式 默认分页样式包括上一页、下一页、页码和跳转到指定页功能。 2. 简洁分页样式 简洁分页样式只包括页码和跳转到指定页功能...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值