Slow down setAttribute()

Можно ли замедлить setAttribute()? Например, у меня есть следующий код:Slow down setAttribute()

function hide(i) { 
    var previewDiv = document.getElementById('preview'); 
    var fullDiv = document.getElementById('full'); 
    previewDiv.setAttribute('style', 'display:normal;'); 
    fullDiv.setAttribute('style', 'display:none;'); 
}

Теперь нужно сделать дисплей: нет перейти в режим: нормальный с задержкой, так что «выцветает» открыть вместо того, чтобы просто тупо открытым. Или есть еще один хороший способ добиться этого?

источник

2014-11-27 Kevin Voorn

Нет, нет способа сделать это, вам нужно создавать функции, которые постоянно обновляют непрозрачность, чтобы создать эффект замирания, или вы могли бы просто использовать переходы CSS для анимирования. – adeneo

Вы можете использовать jQuery или что-то в этом роде, чтобы оживить это без особых усилий. [ссылка на jQuery Hide] (http://api.jquery.com/hide/) – Casper

Это можно сделать множеством способов. Вы можете использовать метод fadeIn jQuery $('.element').fadeIn(); или использовать css и Javascript. Я нашел этот пример http://www.chrisbuttery.com/articles/fade-in-fade-out-with-javascript/ Крисом Баттери.

Я действительно спускаюсь по вкусу. Хотя можно утверждать, что второй вариант должен быть более оптимальным для большинства систем.

источник

2014-11-27 13:08:46

Slow down setAttribute()

ответ

Смежные вопросы