Бегущая строка SlyLine

SlyLine на jQuery
SlyLine использует плагин Qtip
Настройка SlyLine
Скорость - карусели!
Бесплатность!
Поддержка большинством браузеров!
Подгрузка новостей из базы sql!
Автоматическая смена новостей!
Остановка при наведении курсора!
Бесконечность прокрутки!

jQuery.

В основе SlyLine лежит популярный фреймовик jQuery, SlyLine использует наиболее востребованные и быстрые методы jQuery и является аналогом плагина бугущей строки с официальной страницы twitter.com.

Настройка

TwitterLine использует всплываюище подсказки Qtip, цвет которых и другие настройки, согласно офицаильной документации Qtip легко настраиваются в TwitterLine.

Вы можете устанавливать скорость смены лент новостей!

Слайдер использует наиболее облегченные методы jQuery.

Полностью бесплатно!

Во всех случаях пользоваться слайдером можно бесплатно!

Браузеры.

SlyLine поддерживается большинством браузеров - Internet Explorer 6 - 9, FireFox 3-4, Opera 8-10, Chrome.

Все данные подгружаются в формате json ограниченными партиями, запрос осуществляется не на каждую новость, а на набор из 20 новостей!

Новости аккуратно подгружаются из базы данных!

При окончании новостей из базы данных, начинается новый цикл показа новстей с первой строки таблицы sql.

Установка SlyLine?

Во-первых скачайте архив

Во-вторых, подключите шаблон - контейнер SlyLine

<!-- Контейнер для SlyLine-->

<div id="trends">
  
	  <div class="inner">
		<ul class="trendscontent">
			<?php
			include_once 'slyline.php';

			$trendtwitt = new SlyLine();
			$trendtwitt -> firstquery();
			?>	

		</ul>
	  </div>
 
	<span class="fade fade-left"></span>
 <span class="fade fade-right"></span>
  
</div>

<!-- конец -->

В-третьих, настройте config.php

В этом файле нужно указать настройки для подключения к базе данных, пароль, имя пользователя и хост на котором располагается база данных

<?php
define('DB_USER_SL',''); // имя пользователя базы данных
define('DB_HOST_SL',''); // хост базы данных
define('DB_PASSWORD_SL',''); // пароль пользователя
define('DB_DATABASE_SL',''); // имя базы данных
?>

В-четвёртых установите базу данных sql

В архиве для скачивания содержится пробный экземпляр таблицы sql, как и чем её заполянть - решать Вам, архив не содержит каких-либо скриптов для заполнения данной таблицы.

CREATE TABLE IF NOT EXISTS `statii` (
  `id` mediumint(9) NOT NULL AUTO_INCREMENT,
  `name` text,
  `opisanie` text,
  `razdel` varchar(50) NOT NULL,
  `avtor` text,
  `count` int(10) NOT NULL,
  `comment` int(11) NOT NULL,
  `time` varchar(255) NOT NULL,
  `arhiv` varchar(255) NOT NULL,
  `href` varchar(50) DEFAULT NULL,
  `si` varchar(255) NOT NULL,
  `bi` varchar(255) NOT NULL,
  `metka` varchar(255) NOT NULL,
  PRIMARY KEY (`id`),
  FULLTEXT KEY `statii` (`opisanie`,`name`,`razdel`,`avtor`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=0;

В-пятых, подключите внешние библиотеки

Для правильной работы плаигна требуются следующие библиотеки:

<link type="text/css" rel="stylesheet" media="all" href="css/slyline.css" />

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.qtip-1.0.0.min.js"></script> 
<script type="text/javascript" src="js/slyline.js"></script>

В-шестых, подключите и настройте плагин SlyLine

Подключается плагин общим способом, как и большинство плагинов jQuery:

$(function($){


	$.SlyLine({
		urlAjax: 'slyline.php', // страница запроса
		qtipWidth: 3, // ширина угла подсказки
		qtipRadius: 8, // радиус угла подсказки
		qtipColor: '#0b91d5', // цвет подсказки
		qtipTextColor: '#fff' // цвет текста подсказки

	});
 

});

Настройки SlyLine

urlAjax	страница запроса
qtipWidth:	ширина угла подсказки
qtipRadius:	радиус угла подсказки
qtipColor:	цвет подсказки
qtipTextColor:	цвет текста подсказки

Лицензия

Продукт распространяется на условиях лицензии creativecommons.org

Загрузка файлов

zip архив(SlyLine 1.0) Загрузок - 0