<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery长文本分页特效 - 站长素材</title>
<link href="css/style.css"
rel="stylesheet" type="text/css" />
<link href="css/textify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/textify-min.js"></script>
<script type="text/javascript">
$(document)
.ready(function () {
$('.longText')
.textify({
numberOfColumn: 2,
margin: 20,
padding: 15,
width: "auto",
height: "auto",
showNavigation: true,
textAlign: 'justify'
})
$('.longText2')
.textify({
numberOfColumn: 4,
margin: 20,
padding: 15,
width: "auto",
height: "auto",
showNavigation: true,
textAlign: 'justify'
})
})
</script>
</head>
<body>
<div id="main-header" class="clearfix">
<div class="wrapper">
<div class="col span_6">
<img src="images/demo-images/logo.png" id="logo" />
<div id="content-logo">
<h1>Textify</h1>
<h4>Columnize and Paginate Your Long Text</h4>
</div>
</div>
</div>
</div>
<div class="full-width-wrap clearfix">
<div class="wrapper">
<h2>Fixed-Width Layout</h2>
<div class="wrapContent bg1">
<div class="longText">
<p>
<img src="images/demo-images/image1.jpg" />Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.</p>
<p>Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt, explicabo.</p>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut
fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem
sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor
sit, amet, consectetur, adipisci v'elit, sed quia non numquam eius modi
tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum
iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae
consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
[33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis
praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias
excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa,
qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore,
cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id,
quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis
dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut
rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et
molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus,
ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis
doloribus asperiores repellat.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.</p>
<p>Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt, explicabo.</p>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut
fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem
sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor
sit, amet, consectetur, adipisci v'elit, sed quia non numquam eius modi
tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum
iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae
consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
[33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis
praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias
excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa,
qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore,
cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id,
quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis
dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut
rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint
jquery 分页插件,simplePagination （100个子文件） 
custom.css 9KB pagination.css 7KB default.css 6KB simplePagination.css 6KB demo.css 4KB zzsc.css 3KB zzsc.css 3KB style.css 3KB style.css 2KB normalize.css 2KB jquery.page.css 2KB jPaginator.css 1KB textify.css 721B icomoon.eot 2KB
index.html 23KB jPaginate.html 8KB index.html 6KB index.html 4KB index.html 3KB index.html 2KB index.html 1KB index.html 876B tomatosoup_teaser.jpeg 106KB soupsearch_teaser.jpeg 104KB cove_teaser.jpeg 60KB glacier_teaser.jpeg 58KB harry_teaser.jpeg 55KB bifocal_teaser.jpeg 51KB extra_teaser.jpeg 49KB reefdribbble_teaser.jpeg 47KB bestican_teaser.jpeg 47KB nunatakdribbble_teaser.jpeg 44KB shot_1300969987_teaser.jpeg 42KB for_the_man_teaser.jpeg 40KB shot_1300121080_teaser.jpeg 37KB sub_teaser.jpeg 36KB carddribbble_teaser.jpeg 33KB canal_teaser.jpeg 25KB werewolf_teaser.jpeg 22KB derby_lady_teaser.jpeg 21KB pirates_teaser.jpeg 20KB rustler_teaser.jpeg 19KB ltah_teaser.jpeg 19KB grrr_teaser.jpeg 18KB box_socks_teaser.jpeg 17KB satellite_teaser.jpeg 16KB bat_bedtime_teaser.jpeg 16KB capt_kidd_teaser.jpeg 16KB rrwooo_rrwooo_teaser.jpeg 16KB eensy_teaser.jpeg 15KB dumptruck_teaser.jpeg 15KB dozer_teaser.jpeg 13KB carrot_teaser.jpeg 13KB brush_teaser.jpeg 10KB
更多免费资源.jpg 94KB image1.jpg 46KB main_bg.jpg 21KB dark_bg.jpg 9KB page_bg.jpg 431B jquery-1.3.2.js 118KB jquery.min.js 94KB jquery-1.7.2.min.js 93KB jquery.min.js 91KB jquery-1.10.2.min.js 91KB jquery-1.8.1.min.js 91KB jquery.min.js 83KB jquery.min.js 70KB pagination.js 37KB pagination.js 37KB jquery-ui-1.8.13.slider.min.js 20KB pagination.min.js 12KB modernizr.custom.34807.js 8KB jquery.paginate.js 8KB jquery.easing.1.3.js 8KB textify-min.js 7KB jquery.simplePagination.js 7KB jquery.page.js 7KB jPaginator-min.js 4KB zzsc.js 3KB demo.js 2KB zzsc.js 303B pagination.less 10KB pagination.less 10KB en.md 16KB cn.md 15KB
bg_spot.png 11KB codrops_back.png 10KB sprite.png 10KB bg_spot2.png 9KB bg.png 4KB sprevious.png 3KB snext.png 3KB previous.png 3KB next.png 3KB about.png 2KB textify_nav.png 1006B logo.png 770B
icomoon.svg 2KB icomoon.ttf 1KB icomoon.woff 1KB共 100 条
- 1
资源评论
