fanggangJava
- 浏览: 25245 次
- 性别:
- 来自: 北京
-
最近访客 更多访客>>
最新评论
-
zhouzhao21：
不调用 execute 直接返回即可。
struts2 如何通过Interceptor向页面发送消息
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Css分页效果（一）</title>
<style type="text/css">
<!--
.pagination {
width: 70%;
float: left;
font-size: 12px;
line-height: 23px;
height: 23px;
color:#666666;
font-family: Verdana;
}
.pagination a {
float: left;
text-decoration: none;
font-weight: bold;
border: 1px solid #FFFFFF;
background-color: #FF6600;
color: #FFFFFF;
margin: 1px 1px 0 0;
padding: 0 5px 2px 5px;
line-height: normal;
}
.pagination a:hover {
border: 1px solid #FF6600;
background-color: #FFFFFF;
color: #FF6600;
}
.pagination .noncepage {
color: #ff6600;
background-color: #ffffff;
border: 1px solid #ff6600;
margin-right:3px;
}
.pagination .inputnumber {
font-family: Verdana;
width: 30px;
height: 18px;
border: 1px solid #ff6600;
font-weight: bold;
color: #ff6600;
}
.pagination .inputgo {
font-family: Verdana;
width: 25px;
height: 18px;
background-color: #ff6600;
border: 1px solid #ff6600;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
-->
</style>
</head>
<body>
<div class="pagination">
<a href=""><<</a>
<a href=""><</a>
<a href="">1</a>
<a href="">2</a>
<a href="" class="noncepage">3</a>
<a href="">4</a>
<a href="">5</a>
<a href="">6</a>
<a href="">7</a>
<a href="">8</a>
<a href="">></a>
<a href="">>></a>
Pages: 2 / 12
<input name="" type="text" class="inputnumber" />
<input name="" type="button" value="GO" class="inputgo" />
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Css分页效果（一）</title>
<style type="text/css">
<!--
.pagination {
width: 70%;
float: left;
font-size: 12px;
line-height: 23px;
height: 23px;
color:#666666;
font-family: Verdana;
}
.pagination a {
float: left;
text-decoration: none;
font-weight: bold;
border: 1px solid #FFFFFF;
background-color: #FF6600;
color: #FFFFFF;
margin: 1px 1px 0 0;
padding: 0 5px 2px 5px;
line-height: normal;
}
.pagination a:hover {
border: 1px solid #FF6600;
background-color: #FFFFFF;
color: #FF6600;
}
.pagination .noncepage {
color: #ff6600;
background-color: #ffffff;
border: 1px solid #ff6600;
margin-right:3px;
}
.pagination .inputnumber {
font-family: Verdana;
width: 30px;
height: 18px;
border: 1px solid #ff6600;
font-weight: bold;
color: #ff6600;
}
.pagination .inputgo {
font-family: Verdana;
width: 25px;
height: 18px;
background-color: #ff6600;
border: 1px solid #ff6600;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
-->
</style>
</head>
<body>
<div class="pagination">
<a href=""><<</a>
<a href=""><</a>
<a href="">1</a>
<a href="">2</a>
<a href="" class="noncepage">3</a>
<a href="">4</a>
<a href="">5</a>
<a href="">6</a>
<a href="">7</a>
<a href="">8</a>
<a href="">></a>
<a href="">>></a>
Pages: 2 / 12
<input name="" type="text" class="inputnumber" />
<input name="" type="button" value="GO" class="inputgo" />
</div>
</body>
</html>
分享到：
发表评论
文章已被作者锁定，不允许评论。
-
优化hibernate性能的几点建议
2008-11-07 14:43 1036优化hibernate性能的几点 ... -
网页常用代码收藏（一）
2008-10-28 15:34 10211. 防止被欠入 <script l ... -
web标准化设计：常用的CSS命名规则
2008-10-28 15:31 870头：header 内 ... -
WEB交互界面易用性设计和验收的指导性原则
2008-10-28 15:11 1006随着企业intranet和国际internet的迅速发展， ... -
前台页面开发规范
2008-10-28 15:09 1763Web 开发的分散性和交 ... -
jQuery中文入门指南，翻译加实例，jQuery的起点教程(四)
2008-10-24 15:47 0jQuery中文入门指南，翻译加实例，jQuery的起点教 ... -
jQuery中文入门指南，翻译加实例，jQuery的起点教程(三)
2008-10-24 15:46 0jQuery中文入门指南，翻译加实例，jQuery的起点教 ... -
jQuery中文入门指南，翻译加实例，jQuery的起点教程(二)
2008-10-24 15:45 0jQuery中文入门指南，翻译加实例，jQuery的起点教 ... -
jQuery中文入门指南，翻译加实例，jQuery的起点教程(一)
2008-10-24 15:44 0jQuery中文入门指南，翻译加实例，jQuery的起点教 ... -
struts2 性能问题
2008-10-24 10:01 2398以下是一些调整Struts2性能的技巧和小窍门。 1.关闭l ... -
在tomcat中设置session过期时间
2008-10-23 18:07 20661. 在\conf\web.xml中通过参数指定： ... -
Struts2所有插件简介
2008-10-23 14:43 1236Struts2所有插件简介－－目前到达40余种 2008-09 ... -
推荐一款AJAX可视化开发工具
2008-10-22 18:15 1537推荐一款AJAX可视化开 ... -
Hibernate 3.3主要的新特性包括3
2008-10-20 10:37 941spring-hibernate.xml 的代码： ... -
Hibernate 3.3主要的新特性包括2
2008-10-20 10:23 1503</ prop > 23 ... -
Hibernate 3.3主要的新特性包括
2008-10-20 10:10 1340Hibernate 3.3 主要的新特性包括： ... -
tomcat的OutOfMemoryError解决方法
2008-10-15 17:58 989关键字: tomcat outofmemoryer ...
相关推荐
文件"dedecms 24种漂亮分页代码_阅微草堂.mht"可能是包含这些样例的详细代码，dedecms是一个流行的CMS（内容管理系统），可能这些分页样式是专门为该系统设计的，方便用户快速集成到自己的网站中。而"24分页种样式...
总的来说，"24种页面分页样式(带css)" 是一个宝贵的资源库，它提供了多种设计选择，可以帮助开发者快速创建符合项目需求的分页组件，并通过学习源码提升自身技能。无论你是新手还是经验丰富的开发者，都能从中受益。
本资源提供了25种不同的CSS分页样式，只关注前端表现，不涉及后端实现。这些样式可以帮助开发者在项目中创建独特且吸引人的分页效果，提升用户体验。 1. **CSS基础样式**：通常，分页由数字、"上一页"和"下一页...
在本主题中，我们聚焦于"两款漂亮的bootstrap分页样式"，这涉及到CSS3技术在Bootstrap分页组件上的应用。 Bootstrap的分页组件（Pagination）是一个基本的导航元素，用于分隔大量的内容或结果，让用户能够分步骤...
本资源包“精选多款DIV+CSS分页样式源码”聚焦于使用HTML的`<div>`标签配合CSS样式来实现各种美观且功能完备的分页效果。以下将详细介绍这个主题中的关键知识点。 1. **DIV标签**：在HTML中，`<div>`（division）是...
div+css 24种分页样式 可以生意修改
本文将深入探讨"织梦 CSS分页样式"这一主题，结合提供的资源，我们主要关注如何利用CSS来优化网页的分页功能。 织梦（DedeCMS）是一款流行的PHP内容管理系统，它允许用户方便地创建和管理网站内容。在织梦系统中，...
本主题聚焦于如何使用纯CSS技术来创建20种不同的分页样式，这将为设计师提供丰富的选择，以适应不同网站和应用场景的视觉需求。 一、CSS基础 CSS（层叠样式表）是网页设计的核心技术之一，负责定义网页的布局和样式...
【标题】"极具创意CSS3分页样式代码.zip"是一个包含独特CSS3分页设计的资源包，旨在为网页设计提供动态且引人注目的分页解决方案。分页是网页内容多时，为了方便用户浏览而采取的一种组织方式，使得用户可以轻松跳转...
各种分页样式 分页风格 分页css 分页cs.htm
一、CSS分页样式 CSS（层叠样式表）是网页设计的核心技术之一，用于控制页面的布局和外观。在分页样式中，CSS主要负责以下几点： 1. **基本结构**：通过CSS定义分页组件的HTML结构，如ul、li等元素，设置适当的...
`sdkstudy`可能是一个学习平台或者项目，其重点在于研究和应用CSS分页样式。 首先，理解CSS基础是至关重要的。CSS允许我们定义文本样式、颜色、布局和更多视觉效果。在分页设计中，CSS可以控制分页按钮的大小、形状...
20种css分页样式，还是很漂亮的，很喜欢
在网页设计中，分页是一种常见的用户界面元素，用于...总的来说，"6款简洁漂亮的CSS3分页样式代码"是一个实用的资源，可以帮助开发者快速为网站添加专业而吸引人的分页设计，同时也是一个学习和实践CSS3技巧的好机会。
- **下拉菜单分页**：在一个下拉列表中列出所有页码，节省空间。 - **无限滚动**：当用户滚动到底部时自动加载更多内容，无需手动切换页面。 - **跳跃分页**：允许用户直接跳转到第N页，通常在数字分页旁边显示。...
压缩包中的“说明.htm”可能包含了代码的详细解释和使用指南，而“jiaoben5272”可能是源代码文件，可能包含了一个或多个CSS文件和HTML文件，展示并实现了这六种不同的蓝色分页样式。开发者可以通过查看和学习这些...
网页设计中的分页样式与CSS（层叠样式表）是构建高效、美观用户界面的关键元素。在网页开发中，分页通常用于处理大量数据或内容，使得用户可以方便地浏览和导航。本教程将深入探讨24种最新的、实用的分页效果，以...
本教程将深入探讨如何使用JavaScript编写一个简单的分页控件，并结合少量CSS样式提升用户体验。该控件包含6种不同的样式，适合那些希望在项目中实现高效且易于定制的分页功能的开发者。 首先，我们来理解JavaScript...
里面含有25种分页样式,每种样式都是当前最前沿的样式,总有适合你的一款.
**CSS3折角分页样式代码详解** 在网页设计中，分页是常见的导航元素，用于分割大量内容并提供逐页浏览的体验。随着技术的发展，CSS3的引入为网页设计带来了许多新的可能性，其中包括创建丰富的视觉效果。本篇文章将...