Цели в яндекс.метрике

1) Заходим в метрику metrika.yandex.ru/list
добавляем сайт — вешаем на него счетчик — потом переходим в метрике на этот сайт.

2) Захоим в счетчик сайта. Потом: Настройка -> Цели -> Добавить цель (название — небольшое описание), указываем javascript-событие,
идентификатор цели пишем одно слово по-английски слитно заглавными буквами

(например
название: первый вариант запчастей
идентификатор: FIRSTVARIANT)
3) добавляем в ссылку
<a href onclick="yaCounter44500126.reachGoal('FIRSTVARIANT');return true;"

или в head
с добавлением кастомных параметров
$(window).load(function() {
	var goalParams = {ipuser: '<?php echo $_SERVER['REMOTE_ADDR']?>'};
	yaCounter44500126.reachGoal('SECONDVARIANT',goalParams);
});


Читать дальше →

Плавная анимация изображений в управляемом цикле на javascript с параметрами, SVG и CSS

Стили

<style>
    #call_svg3, #call_svg2, #call_svg1 {
        position:absolute;
    }
    #call_svg1 {
        width:72px;
        height:72px;
        z-index:450000;
        top:20px;
        left:10px
    }
    #call_svg2 {
        width:88px;
        height:88px;
        z-index:350000;
        top:11px;
        left:2px;
    }
    #call_svg3 {
        width:104px;
        height:104px;
        z-index:250000;
        top:2px;
        left:-6px;
    }
    #call_svg2, #call_svg3 {
        display:none;
    }
    .right_rotate_call {
        -webkit-transform: rotate(30deg);
        -moz-transform:rotate(30deg);
        -o-transform:rotate(30deg);
        -ms-transform:rotate(30deg);
        transform:rotate(30deg);
        -webkit-transition:all 500ms;
        -moz-transition:all 500ms;
        -o-transition:all 500ms;
        transition:all 500ms;
    }
    .left_rotate_call {
        -webkit-transform: rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:all 500ms;
        -moz-transition:all 500ms;
        -o-transition:all 500ms;
        transition:all 500ms;
    }
</style>


Читать дальше →