|
| Дата: Вторник, 12.06.2012, 22:29 | Сообщение # 1 |
|
Группа: Администраторы
Сообщений: 1530
| Форматирование длинного текста в мультистраничный - актуальная задача для вебмастеров.
Ниже приведен метод с использованием скрипта imtech_pager.js
<!DOCTYPE html>
<html lang="ru" >
<head>
<BASE href="http://party-box.ru/dopmod/" />
<meta charset="utf-8" />
<title>Отзывы PARTY-BOX</title>
<script src="navig/js/jquery.min.js" type="text/javascript"></script>
<script src="navig/js/imtech_pager.js"></script>
<style type="text/css">
#pagingControls{
margin: 1em;
}
#pagingControls ul{
display:inline;
padding-left:0.5em;
}
#pagingControls li{
display:inline;
padding:0 0.5em
}
#pagingControls {margin-top:20px;}
</style>
</head>
<body>
<div class="example">
<div id="content">
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<hr />
</div>
<hr />
<div id="pagingControls" align="center"></div>
</div>
<script type="text/javascript">
var pager = new Imtech.Pager();
$(document).ready(function() {
pager.paragraphsPerPage = 10; // Устанавливаем количество элементов на странице
pager.pagingContainer = $('#content'); // Устанавливаем основной контейнер
pager.paragraphs = $('p', pager.pagingContainer); // Подсчитываемые элементы
pager.showPage(1); // Начинаем просмотр с первой страницы
});
</script>
</body></html>
----------------------------------------------------
Рабочий пример: http://party-box.ru/dopmod/discuss2.php
|
| |
| |
Играйте бесплатно в 
