JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<div id="baer"></div>

CSS

#baer {
    border: 1px solid #6875B8;
    width:400px;
    height:175px;
    background:#fff;
    overflow:hidden;
    color: #F7931E;
    cursor:pointer;
    text-shadow: #7d97b2 1px 1px 1px ; 
    font-family: sans-serif;
    font-weight: bold;
}
#baer center {
    white-space: nowrap
}
.extra {
    color: #6875B8
}

JavaScript

(function (arg) {
    arg.click(function () {
        top.location.href = 'http://www.altegrosky.ru/new_406_detail.html';
    }).append('<center>');
    //'0text'   '1font-size'   '2start margin-top'   '3stop margin-top'
    //                         '4start margin-left'    '5stop margin-left'
    var txt = [
        ["7-9 февраля 2012 г.", '40px', '55px', 55, '900px', 0],
        ["Крокус-Экспо, Москва", '34px', '55px', 55, '-900px', 0],
        ["14-я выставка и конференция", '25px', '-160px', 60, '0px', 0],
        ["CSTB'<b style='color:red'>2012</b>", '71px', '-430px', 40, '-5730px', 0],
        ["Спутниковая связь", '39px', '-160px', 50, '0px', 0],
        ["Широкополосный интернет<br>ИндиVSAT", '28px', '-160px', 45, '0px', 0],
        ["Коллективный интернет", '32px', '-160px', 60, '0px', 0],
        ["VSAT + Wi-Fi", '60px', '-160px', 47, '0px', 0],
        ["Новые партнерские<br>программы", '38px', '-160px', 30, '0px', 0],
        ["Приглашаем на<br>стенд AltegroSky", '45px', '-160px', 30, '0px', 0],
        ["павильон 1,<br>зал 2,<br>стенд №212", '45px', '-160px', 5, '0px', 0]
    ],
        i = -1,
        extr = /^(0|1|2|3|8|10)$/,
        bc = $('#baer center');
    (function go() {
        if (i >= txt.length - 1) {
            i = -1;
        }
        i++;

        if (i == txt.length - 2) {
            dela = 2000;
        } else if (i == 3) {
            dela = 1000;
        } else {
            dela = (txt[i][0].length * 50).toFixed(0);
        }

        if (extr.test(i)) {
            bc.attr('class', 'extra');
        } else {
            bc.removeAttr('class', 'extra');
        }

        /////////////////////
        if (i == 3) {
            bc.html(txt[i][0]).css({
                'font-size': '130em'
            });
            var lefd = (bc.outerWidth() / 2).toFixed(0);
            var topp = (bc.outerHeight() / 2).toFixed(0);

            bc.html(txt[i][0]).css({
                'margin-top': txt[i][2],
                'margin-left':...