Сенсорный Timeline
Установка:
1 Шаг. Скачать папку "demos" и закинуть её в файловый менеджер
2 Шаг. Вставляем код в любое ваши место на сайте:
Code
<link rel="stylesheet" href="/demos/css/layout.css" type="text/css" />
<script src="/demos/js/lib/modernizr-2.min.js"> </script>
</head>
<body>
<section class="product-main">
<div class="fullwidth">
<h1>Демо!</h1>
<div class="timeline-wrap">
<div class="timeline-event">
<div class="timeline-title">1 Новость.</div>
<div class="timeline-content">
<h1>Я например напишу...«Zthemes» имеет большой опыт профессиональной разработки адаптаций.</p>
</div>
</div>
<div class="timeline-event">
<div class="timeline-title">Оке!, продолжайте перетаскивание...</div>
<div class="timeline-content">
<h1>Пример 2...</h1>
<p>Я например напишу...Если вы зашли на эту страницу компании «Zthemes», значит, вы больше не будете ломать голову над тем, какую вам поставить тему для сайта Ucoz, тем самым уже сэкономив кучу времени на поисках. Всё, что вам осталось сделать зарегистрироваться! и скачивать шаблоны... для Ucoz!?</p>
</div>
</div>
<div class="timeline-event">
<div class="timeline-title">3 Пример</div>
<div class="timeline-content">
<h1Ну и вот? мы подходим к концу! нашего примера еще один слайд и все!<p>
<p>Мы подходим к концу! нашего примера еще один слайд и все!</p>
</div>
</div>
<div class="timeline-event">
<div class="timeline-title">Ну и все!</div>
<div class="timeline-content">
<h1>Пока.</h1>
<p>Скачиваем на сайте Webo4ka.ru</p>
</div>
</div>
</div>
</div>
</section>
<!--
Обязательная часть не удалять не менять "А то приведет к не работе скрипта"
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-->
<script src="http://nikolaydyankov.com/codecanyon/touch-timeline/js/lib/jquery-1.7.1.min.js"></script>
<script src="/demos/js/touch.timeline.js"></script>
<script src="/demos/js/site.js"></script>
<!--[if IE]>
<script src="http://nikolaydyankov.com/codecanyon/touch-timeline/js/transforms.ie.js"></script>
<![endif]-->
Источник: не указан
0
