<!doctype html>
<html>
<head>
<title>jQuery分页动画效果 - 网页模板</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- font awesome -->
<link href="css/font-awesome.css" rel="stylesheet" />
<!-- css -->
<link rel="stylesheet" href="css/styles.css" />
<link href="img/common/favicon.png" rel="shortcut icon" />
<!--[if lt IE 8]>
<link rel="stylesheet" href="css/styles.ie7.css" />
<![endif]-->
<link rel="stylesheet" href="css/vendor/github.min.css" />
<link href="css/jpage.css" rel="stylesheet" type="text/css" />
<!-- js -->
<script src="js/vendor/jquery-1.10.0.min.js"></script>
<!--script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.2.js"></script-->
<!--[if gt IE 8]> -->
<script src="js/vendor/highlight.min.js"></script>
<script>
hljs.tabReplace = ' ';
hljs.initHighlightingOnLoad();
</script>
<!-- <![endif]-->
<!-- jpage -->
<script src="js/jpage.min.js"></script>
<script>
$('document').ready(function(){
$('#jpage').jpage({
effect: 'random' //'', 'crossfade', 'bricks', 'slideLeft', 'slideRight', 'random'
});
});
</script>
</head>
<body>
<br>
<!-- main content -->
<div id="main-content" class="box">
<div class="center">
<div id="page-content" class="box">
<!-- jPage DEMO -->
<div id="jpage" class="jpage box">
<!-- pagination panel -->
<div class="box jpage-panel" data-type="panel"></div>
<div class="list box text-shadow" data-type="content">
<!-- item 1 -->
<div class="list-item box">
<!-- img -->
<div class="img left">
<img src="img/thumbs/arch-2.jpg" alt="" title=""/>
</div>
<!-- data -->
<div class="block right">
<p class="date">01/16/2013</p>
<p class="title">Architecture</p>
<p class="desc">Architecture is both the
process and product of planning, designing
and construction. Architectural works, in
the material form of buildings, are often
perceived as cultural symbols and as works
of art. Historical civilizations are often
identified with their surviving
architectural achievements.</p>
<p class="like">25 Likes</p>
</div>
</div>
<!-- item 2 -->
<div class="list-item box">
<!-- img -->
<div class="img left">
<img src="img/thumbs/autumn-1.jpg" alt="" title=""/>
</div>
<!-- data -->
<div class="block right">
<p class="date">01/31/2013</p>
<p class="title">Autumn</p>
<p class="desc">Autumn or Fall is one of the
four temperate seasons. Autumn marks the
transition from summer into winter, in
September (Northern Hemisphere) or March
(Southern Hemisphere) when the arrival of
night becomes noticeably earlier. The
equinoxes might be expected to be in the
middle of their respective seasons, but
temperature lag (caused by the thermal
latency of the ground and sea) means that
seasons appear later than dates calculated
from a purely astronomical perspective.</p>
<p class="like">12 Likes</p>
</div>
</div>
<!-- item 3 -->
<div class="list-item box">
<!-- img -->
<div class="img left">
<img src="img/thumbs/boats-1.jpg" alt="" title=""/>
</div>
<!-- data -->
<div class="block right">
<p class="date">02/24/2000</p>
<p class="title">Boats</p>
<p class="desc">A boat is a watercraft of
any size designed to float or plane, to
provide passage across water. Usually this
water will be inland (lakes) or in protected
coastal areas. However, boats such as the
whaleboat were designed to be operated from
a ship in an offshore environment. In naval
terms, a boat is a vessel small enough to be
carried aboard another vessel (a ship).</p>
<p class="like">11 Likes</p>
</div>
</div>
<!-- item 4 -->
<div class="list-item box">
<!-- img -->
<div class="img left">
<img src="img/thumbs/arch-1.jpg" alt="" title=""/>
</div>
<!-- data -->
<div class="block right">
<p class="date">03/15/2012</p>
<p class="title">Arch</p>
<p class="desc">An arch is a structure that
spans a space and supports a load. Arches
appeared as early as the 2nd millennium BC
in Mesopotamian brick architecture and their
systematic use started with the Ancient
Romans who were the first to apply the
technique to a wide range of structures.</p>
<p class="like">5 Likes</p>
</div>
</div>
<!-- item 5 -->
<div class="list-item box">
<!-- img -->
<div class="img left">
<img src="img/thumbs/book-1.jpg" alt="" title=""/>
</div>
<!-- data -->
<div class="block right">
<p class="date">11/22/2001</p>
<p class="title">Books</p>
<p class="desc">A book is a set of written,
printed, illustrated, or blank sheets, made
of ink, paper, parchment, or other
materials, usually fastened together to
hinge at one side. A single sheet within a
book is called a leaf, and each side of a
leaf is called a page. A book produced in
electronic format is known as an electronic
book (e-book).</p>
<p class="like">100 Likes</p>
</div>
</div>
<!-- item 6 -->
<div class="list-item box">
<!-- img -->
<div class="img left">
<img src="img/thumbs/business-1.jpg" alt="" title=""/>
</div>
<!-- data -->
<div class="block right">
<p class="date">02/05/2004</p>
<p class="title">Business</p>
<p class="desc">A business (also known as
enterprise or firm) is an organization
engaged in the trade of goods, services, or
both to consumers. Businesses are
predominant in capitalist economies, where
most of them are privately owned and
administered to earn profit to increase the
wealth of their owners. Businesses may also
be not-for-profit or state-owned. A business
owned by multiple individuals may be
referred to as a company, although that term
also has a more precise meaning.</p>
<p class="like">15 Likes</p>
</div>
</div>
<!-- item 7 -->
<div class="list-item box">
<!-- img -->
<div class="img left">
<img src="img/thumbs/calendar-1.jpg" alt="" title=""/>
</div>
<!-- data -->
<div class="block right">
<p class="date">05/08/2003</p>
<p class="title">Calendar</p>
<p class="desc">A calendar is a system of
organizing days for social, religious,
commercial, or administrative purposes. This
is done by giving names to periods of time,
typically days, weeks, months, and years.
The name given to each day is known as a
date. Periods in a calendar (such as years
没有合适的资源?快使用搜索试试~ 我知道了~
jQuery分页动画效果.zip
共55个文件
jpg:34个
png:9个
css:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 28 浏览量
2022-11-20
22:08:28
上传
评论
收藏 439KB ZIP 举报
温馨提示
jQuery分页动画效果.zip
资源推荐
资源详情
资源评论
收起资源包目录
jQuery分页动画效果.zip (55个子文件)
jQuery分页动画效果
jiaoben1408
css
vendor
github.min.css 1KB
styles.css 17KB
font
fontawesome-webfont.eot 37KB
fontawesome-webfont.woff 43KB
fontawesome-webfont.ttf 77KB
jpage.css 1KB
font-awesome.css 27KB
styles.ie7.css 177B
img
thumbs
business-1.jpg 3KB
boats-1.jpg 7KB
river-2.jpg 4KB
crayons.jpg 9KB
winter-sun.jpg 4KB
arch-2.jpg 8KB
pinecone.jpg 8KB
tree.jpg 5KB
car-1.jpg 8KB
river-1.jpg 4KB
city-2.jpg 8KB
sunset-1.jpg 6KB
lichterman.jpg 9KB
flower-1.jpg 9KB
fountain.jpg 9KB
flower-3.jpg 10KB
woodstump.jpg 10KB
eggs-nest.jpg 9KB
coins.jpg 9KB
winter-1.jpg 8KB
city-1.jpg 7KB
christmas-3.jpg 10KB
autumn-1.jpg 10KB
christmas-1.jpg 10KB
winter-2.jpg 8KB
coffee-grass.jpg 4KB
calendar-1.jpg 7KB
arch-1.jpg 7KB
leaves.jpg 10KB
book-1.jpg 7KB
flower-2.jpg 7KB
cupcakes.jpg 8KB
christmas-2.jpg 10KB
common
next.png 176B
codecanyon.png 1KB
github.png 525B
next-orange.png 126B
download.png 510B
view.png 488B
black-bg.png 11KB
logo.png 975B
next-blue.png 240B
index.html 35KB
js
vendor
jquery-1.10.0.min.js 91KB
highlight.min.js 22KB
jpage.min.js 8KB
jQuery分页动画效果.jpg 55KB
共 55 条
- 1
资源评论
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功