examples/main.js at master · mattwoodage/examples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
"use strict";

var SPACE = {
  ticker: function (obj, highlight) {

    var arr = [];

    var tick = function() {
      arr.unshift(arr.pop());
      draw();
    };

    var draw = function() {
      obj.html(arr.join(''));
    };

    var init = function() {
      var chars = obj.html().split(' ').join('');
      var highlightFrom = -1;
      var highlightTo = -1;

      if (highlight) {
        highlightFrom = chars.toLowerCase().indexOf(highlight.toLowerCase());
        highlightTo = highlightFrom + highlight.length;
      }

      $.map( chars.split(''), function( val, i ) {
        var cls = '';
        if ((highlightFrom!=-1) && (i>=highlightFrom) && (i<highlightTo)) cls = 'highlight';
        arr.push('<span class="' + cls + '">' + val + '</span>');
      });

      setInterval(function() { tick(); }, 500);
      draw();
    };

    init();
  }
};

$( document ).ready(function() {
  SPACE.ticker($('h1.tagline'), 'space');
});