Показать сообщение отдельно
  #11 (permalink)  
Старый 16.11.2014, 15:25
Интересующийся
Отправить личное сообщение для mr_virtus Посмотреть профиль Найти все сообщения от mr_virtus
 
Регистрация: 14.11.2014
Сообщений: 14

Сообщение от рони Посмотреть сообщение
там имена функций а где сами функции?
я добавил:

function animate(opts) {
    var start = new Date; //сохранить время начала

    var timer = setInterval(function() {
        
        // вычислить сколько времени прошло
        var progress = (new Date - start) / opts.duration;
        if (progress > 1) progress = 1;

        //отрисовать анимацию
        opts.step(progress);

        if (progress == 1) clearInterval(timer); //конец
    }, opts.delay || 10); // по умолчанию кадр каждые 10мс
}

function linear(progress) {
    return progress;
}

function highlight(elem) {
    var from = [255, 0, 0];
    var to = [255, 255, 255];
    animate({
        delay: 10,
        duration: 1000,
        delta: linear,
        step: function (delta) {
            elem.style.backgroundColor = 'rgb(' + 
                Math.max(Math.min(parseInt((delta * (to[0]-from[0])) + from[0], 10), 255),
                0) + ',' + 
                Math.max(Math.min(parseInt((delta * (to[1]-from[1])) + from[1], 10), 255),
                0) + ',' + 
                Math.max(Math.min(parseInt((delta * (to[2]-from[2])) + from[2], 10), 255),
                0) + ')'
        }
    })
}


но ничего не поменялось.

при наведении и щелчке цвет текста ссылки меняется быстро на красный и происходит переход на другую страницу.

вот вызов функции:

<td>
                    @Html.ActionLink("Testing", "Testing", new { id = item.ID }, new { onclick = "hightlight(this);" })
                </td>


что ещё добавить/изменить, чтоб медленно изменялась подсветка фона ссылки при наведении.

спасибо.
Ответить с цитированием