3

我正在使用此代码使某个 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() 函数将额外的 div 插入页面这一事实是否与使其弹出有任何关系？

4

2 回答 2

2

我已经成功使用：

$("#element").fadeTo("fast", 0.33);

如果您想让衰落花费更多时间，可以将速度参数设置为“慢”。

于 2010-07-21T18:31:02.677 回答
0

仅使用 .fadeTo(0) （或其他数字，如果您希望它显示“不透明”，即 .fadeTo(250) 等...

你的解决方案是：

$("#extras").fadeTo(500, 0);

这可能是一个值得探索的途径。

吉姆

[编辑] - 见http://api.jquery.com/fadeTo/

于 2010-07-21T18:20:27.163 回答