减慢setAttribute()

时间:2014-11-27 13:03:12

标签: javascript

是否可以减慢setAttribute()的速度?例如,我有以下代码:

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

现在想要显示:无显示:正常延迟,因此它“淡化”打开而不是直接打开。还是有另一个好方法来实现这个目标吗?

1 个答案:

答案 0 :(得分:1)

可以通过多种方式完成。您可以使用jQuery的fadeIn方法$('.element').fadeIn();或使用css和Javascript。我发现Chris Buttery的这个例子http://www.chrisbuttery.com/articles/fade-in-fade-out-with-javascript/

我真的很想品尝。虽然有人可能会争辩说第二种选择在大多数系统中应该更加优化。