Бегущая строка на jQuery c прокруткой текста

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

Пример бегущей строки:

Вы можете открыть пример в новом окне.

Что же есть интересного в моей версии плагина? Перечислю для вас некоторые моменты.

Инициализация множества строк на одной страницы разной длины текста и ширины поля.
Возможность прокрутки текста с помощью колесика мышки в различных направлениях
Изменения стиля отображения бегущей строки при наведении
И наиболее важный момент – легкость подключения

Детальнее по коду примера:

CSS

.news {
width:600px;
overflow:hidden;
}
div.move {
overflow:hidden;
width:99999px;
}
.news p {
float:left;
margin:0;
}

HTML

<div class="news">
<div class="bg">
<div class="move">
<p>
Плагин "Бегущая строка". Версия 1.1.0. Разработано ...
</p>
</div>
</div>
</div>

div с классом news выступает в роли главной обертки для бегущей строки, именно на этот объект ссылается скрипт, для него мы указываем ширину и overflow:hidden. div.bg – выступает только в роли контейнера для background и не имеет никакой роли для скрипта, за исключением следующего элемента div.move, этот элемент является основным для скрипта, т.к. именно его со всеми внутренностями будет двигать скрипт, и для того чтобы текст внутри не переносился мы задаем ему большую длину. Внутри находится тег P который будет клонироваться, поэтому для этого элемента является обязательным свойство float.