Вед-дев, Сео, Манимейкинг

Marquee средствами jquery

Все пользовались древним тегом <marquee>, у него есть недостатки, во-первых, он тормозит, во-вторых, он семантически неверен. И даже тут к нам приходит на помощью jQuery плагин - marquee. Приступим к делу!

Подключаем саму библиотеку jQuery и jQuery Marquee

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.marquee.js" type="text/javascript"></script>

Если вы на "друпале", то просто подключаем jquery.marquee.js через info файл:

scripts[] = jquery.marquee.js

Далее подключаем код с эффектами jQuery marquee:

<script type="text/javascript">
    <!--
    $(function () {
        // basic version is: $('div.demo marquee').marquee() - but we're doing some sexy extras
       
        $('.imba').marquee('pointer').mouseover(function () {
            $(this).trigger('stop');
        }).mouseout(function () {
            $(this).trigger('start');
        }).mousemove(function (event) {
            if ($(this).data('drag') == true) {
                this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
            }
        }).mousedown(function (event) {
            $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
        }).mouseup(function () {
            $(this).data('drag', false);
        });
    });
    //-->
</script>

Где .imba - класс вашего div'a, к которому вы хотите применить эффект jQuery.

<div id="slogan">
<marquee class="imba" behavior="scroll" direction="left" scrollamount="1" width="450"><p>Slogan here</p></marquee>
</div>

Чуть ниже прикреплен архив с демкой и плагином jQuery.marquee.js



Комментарии (0)

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • Olzhas 5 месяцев 2 недели назад
    Спасибо. С Новым Годом! 
  • Den 6 месяцев 2 недели назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 6 месяцев 2 недели назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 7 месяцев 2 недели назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 7 месяцев 2 недели назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 7 месяцев 2 недели назад
    захожу на mysql через ssh по команде  
  • admin 7 месяцев 2 недели назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 7 месяцев 2 недели назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 8 месяцев 1 день назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника? 
  • Stas 9 месяцев 2 недели назад
    Ошибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям!