`
jsntghf
  • 浏览: 2532653 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

分页效果

分页 
阅读更多 

<!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" lang="gb2312">  
  <head>  
    <style type="text/css">  
      body{  
        font-size:62.5%;  
      }  

      #page{  
        clear:both;  
        font-size:1.2em;  
      }  

      #page ul{  
        list-style:none;  
      }  

      #page li{  
        float:left;  
        width:20px;  
        height:20px;  
        border:1px solid silver;  
        background:#f60;  
        margin:0 3px;  
      }  

      #page a{  
        display:block;  
        text-align:center;  
        line-height:16px;  
      }  

      #page a:link,#page a:visited{  
        background:white;  
        text-decoration: none;  
        color:gray;  
      }  

      #page a:hover,#page a:active{  
        text-decoration: none;  
        background:#ccc;  
        color:white;  
        line-height:16px;  
      }  
    </style>  
  </head>  
  <body>  
    <div id="page">  
      <ul>  
        <li><a href="">1</a></li>  
        <li><a href="">2</a></li>  
        <li><a href="">3</a></li>  
        <li><a href="">4</a></li>  
        <li><a href="">5</a></li>  
        <li><a href="">6</a></li>  
      </ul>  
    </div>  
  </body>  
</html>

 

最终效果：

 

分享到：
| 光圈和快门速度的组合
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    10种 js web分页效果

    本教程将深入探讨10种不同的JS Web分页效果，这些效果设计精良，适用于现代网站的需求。 1. **基础分页**：这是最简单的分页实现，通过数字按钮展示当前页码和总页数，用户可以通过点击按钮切换页面。关键在于计算...

    100套css3分页效果

    随着技术的发展，CSS3（层叠样式表第三版）为网页设计师提供了更多创新和动态的分页效果。本文将详细讲解"100套css3分页效果"这一主题，探讨如何利用CSS3实现各种美观且实用的分页样式，以及这些效果对不同浏览器的...

    多种分页效果的实现

    "多种分页效果的实现"这个主题涉及到如何使用不同的方法和技术来创建功能多样且视觉吸引力强的分页组件。在这个压缩包中，包含了多个JavaScript分页库的不同版本，这些库可能提供了各种各样的分页效果，如脚本翻页...

    几个不错的分页效果--美工效果而已

    标题“几个不错的分页效果--美工效果而已”表明我们将探讨一些具有美观设计的分页实现。描述中的重复内容进一步强调了这个主题，即我们关注的是分页的视觉呈现。 分页效果的设计不仅关乎功能，更在于提升网站的整体...

    css 超酷的分页效果

    本篇将深入探讨如何利用CSS创建超酷的分页效果，适用于HTML、ASP、JSP、PHP和ASPX等各种网页开发语言。 首先，我们需要理解分页的基本结构。通常，分页由以下几个部分组成：首页、上一页、数字链接、下一页和尾页。...

    CSS分页效果配色方案

    CSS（层叠样式表）是实现这种分页效果的关键技术，它允许设计师自定义网页的外观和布局。本主题将深入探讨“CSS分页效果配色方案”，并分析30种不同的样式，这些样式可能来源于知名门户网站，以提供网页设计的灵感。...

    仿google分页效果

    在本项目中，我们主要探讨的是如何实现"仿Google分页效果"，并结合了表格隔行变色的视觉优化。这个项目的核心在于利用Ajax技术动态加载数据，以模拟Google搜索结果页面的分页功能，同时对展示数据的表格进行美化，...

    简单的分页效果

    在iOS开发中，分页效果是一种常见的用户界面设计，它能帮助用户在大量数据或内容中轻松导航。本文将深入探讨如何实现简单的分页效果，包括通过滑动和点击按钮两种方式。 首先，我们来理解分页的基本概念。在iOS应用...

    JS代码实现的自动分页效果

    在本文中，我们将讨论如何利用JS实现自动分页效果，这在处理大量数据或内容时非常有用，能提高用户体验并优化页面加载速度。 首先，我们来看一下基本的HTML结构。在这个例子中，我们有两个主要的div元素，一个用于...

    js分页效果

    本示例聚焦于使用原生JavaScript实现一个分页效果，同时结合图片的运动效果，以提升用户体验。以下是对这个话题的详细阐述： 1. **JavaScript基础**：JavaScript是一种广泛应用于Web开发的客户端脚本语言，它可以...

    jquery前端实现分页效果

    本主题将深入探讨如何使用jQuery在前端实现简单的分页效果，尤其适用于数据量不大的场景。 首先，jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理、动画效果以及Ajax交互。在前端实现分页，jQuery...

    struts2分页效果第二种

    本文将详细介绍Struts2实现分页效果的第二种方法。 在Struts2中，实现分页通常涉及以下几个关键步骤： 1. **模型(Model)**：首先，我们需要一个实体类来存储待分页的数据，例如`User`。然后，创建一个`PageBean`类...

    js实现分页效果

    JavaScript（JS）作为客户端脚本语言，常常被用来实现这种动态分页效果，提供更好的用户体验。在这个场景中，我们将深入探讨如何使用JavaScript来实现分页功能。 一、理解分页原理 1. 数据源：首先，你需要一个...

    mvc分页效果源码

    在本文中，我们将深入探讨如何在ASP.NET MVC框架中实现分页效果，这对于任何Web开发人员，特别是初学者来说，都是一个重要的技能。MVC（Model-View-Controller）模式是一种设计模式，它有助于构建可维护、可扩展的...

    jsp 分页显示 标签 仿百度那样的分页效果

    本知识点将详细讲解如何在JSP中实现百度风格的分页效果。 首先，我们需要理解分页的基本原理。分页通常涉及两个关键部分：前端展示和后端处理。前端负责展示分页按钮和当前页数，后端则处理请求，根据用户选择的...

    ASP自定义分页效果

    在ASP中实现自定义分页效果是常见的需求，尤其是在处理大量数据时，为了提高用户体验和加载速度，分页功能显得尤为重要。下面我们将深入探讨如何在ASP中实现这一功能。 一、理解分页基础概念 在网页中，分页是指将...

    基于SSH2实现的分页效果

    在这个基于SSH2实现的分页效果项目中，我们主要关注的是如何在SSH2框架下实现动态、高效的数据库查询分页功能，以及在MySQL数据库上操作数据。下面我们将详细探讨相关的知识点。 首先，Struts2作为MVC框架，负责...

    php加载和生成json和生成xml文件,并带有ajax分页效果,带图带数据库

    最后，提到的"QQ图片20180228150343.png"和"QQ图片20180228150312.png"可能展示了分页效果的截图，而"rt2018"文件名无法判断其具体用途，可能是项目的一部分或者时间戳。 综上所述，这个压缩包提供了一套基于PHP、...

    JS分页效果JS分页效果JS分页效果

    JavaScript（简称JS）分页效果是网页开发中常见的功能，尤其在处理大量数据时，用于提高用户体验和加载速度。此项目中的"JS分页效果"指的是利用JavaScript和相关的库（如jQuery）实现对数据进行分页显示的技术。下面...

    jquery键盘左右键分页效果.zip

    此外，考虑到“JS特效-菜单导航”的标签，这可能意味着这个分页效果不仅仅局限于页面内容的切换，也可能被应用于菜单导航。例如，用户可以使用键盘在多级菜单之间导航，通过左右键选择子菜单项。这样的设计可以提高...

Magicbox
Global site tag (gtag.js) - Google Analytics