13.01.2013 14:30:32
"Bacon" позволяет изменять форму написания абзацев текста, каждая новая строчка может быть отбита как чуть правее, так и чуть левее. Создавая красивый эффект отображения текста.

pic1

Пример использования:

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
$(document).ready(function() {
    $("#single_bezier_right").bacon({
        'type' : 'bezier',
        'c1' : { x : 10,           y : 0      },
        'c2' : { x : -115,        y : 200 },
        'c3' : { x : -115,            y : 400 },
        'c4' : { x : 10,            y : 600 },
        'align'  : 'right'
    });

    $("#single_bezier_left").bacon({
        'type' : 'bezier',
        'c1' : { x : 10,            y : 0      },
        'c2' : { x : -115,          y : 170 },
        'c3' : { x : 35,            y : 340 },
        'c4' : { x : 15,            y : 480 },
        'align'  : 'left'
    });

    $("#dual_bezier").bacon({
        type    :    'dualbezier',
        c1    :    {    x    :    0,         y    :    0            },
        c2    :    {    x    :    80,         y    :    400        },
        c3    :    {    x    :    -120,     y    :    800        },
        c4    :    {    x    :    50,         y    :    1250    },
        d1    :    {    x    :    120     },
        d2    :    {    x    :    80        },
        d3    :    {    x    :    290     },
        d4    :    {    x    :    50         }
    });

    $("#single_line_right").bacon({
        'type' : 'line',
        'step'      : 5,
        'align'     : 'right'
    });

    $("#single_line_left").bacon({
        'type' : 'line',
        'step'      : 5,
        'align'     : 'left'
    });
});

Скачать

Источник

github

Demo


Тэги: JQuery

Яндекс.Метрика