Question

我正在尝试在类ui.state.alert下获取一个jQuery-ui div，以便在加载时淡入页面，以便用户注意到它。我已经在js文件中添加了fadeTo但是当页面加载时，警报才会出现，根本没有淡入淡出效果。我甚至确保添加了“慢”属性。这是html代码。

<div class="ui-widget">
    <div class='ui-state-error ui-corner-all' id="serviceAlert" style="opacity: .1">
        <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right:
 .3em;"></span><strong style="color: #1F1F1F">Alert!</strong> Sign Up Services are
currently under construction. Please check back later for further updates.</p>
    </div>
</div>

这是我的jQuery文件：

$(document).ready(function() {
    $('#serviceAlert').fadeTo(1,'slow');
});

我已将以下脚本添加到标题中：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script type="text/JavaScript" src="jquery-ui-1.10.4.custom\js\jquery-ui-1.10.4.custom.js"></script>
<script type="text/JavaScript" src="js/script.js"></script>

Answer 1

fadeTo的第一个参数是持续时间，在这里你必须定义一个以ms为单位的数字或者慢等等。你的动画目前只运行1毫秒（有点短（ - :)。

.fadeTo( duration, opacity [, complete ] )

你已经反过来了。

示例：

$('#serviceAlert').fadeTo(1000, 1); //fades in 1sec to opacity 1

Jquery褪色不要褪色，只是出现

1 个答案: