我正在使用此代码来使某个 div (#extras) 淡出。
$(document).ready(function() {
for(var i = 1; i <= pageLimit; i++) {
$('body').append('<div id="page' + i + '" name="page' + i + '" class="touch"></ div>' );
}
$('body').append('<div id="extras" class="showUp">..all content needed goes in heree...</div>');
$(window).load(function() {
$('div#extras').delay(100).fadeOut(4000);
});
});
CSS:
div#extras {
height:100%;
}
&
body > div.showUp {
display: block !important;
height:100%;
}
它很好地淡出,但一旦完成淡入淡出动画就会弹出。 我怎样才能让它保持褪色?在另一个函数中,我将让它淡入。
这是我一直在处理的 JQtouch 示例中的默认 CSS。
body > * {
background: transparent;
-webkit-backface-visibility: hidden;
display: none;
position: absolute;
left: 0;
text-align:center;
width: 100%;
-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
height: 100% !important;
}
谢谢!
通过 .append() 函数将 extras div 插入到页面中这一事实是否与使其重新弹出有关?
最佳答案
我已经成功使用:
$("#element").fadeTo("快", 0.33);
如果想让淡入淡出时间更长,可以将速度参数设置为“慢”。
关于jquery - 使用 .fadeOut(),但我希望它保持褪色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3302256/