Question

嗨guyz我正在尝试在我的页面上实现InnerFade JQuery，但我有点混淆如何做到这一点.. 这是我的代码......

<!DOCTYPE html>
<html>
<head>

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.innerfade.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.js")" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(
function(){
$('#time').innerfade({
animationtype: 'slide',
speed: 750,
timeout: 2000,
type: 'random',
containerheight: '1em'
}); 
});
</script>

<body>
<div class="page">
<div id="header">
<br />
<div id="title">

</div>
<div id="menucontainer">
<ul id="menu">

</ul>
</div>
</div>

<div id="main">
@RenderBody()
</div>
<div id="footer">
</div>
</div>

</body>
</html>

（问题）：我不知道在哪里放<ul id="time">，因为我正在使用动态页面..请帮助我guyz ..谢谢

Answer 1

在document.ready中调用$（'＃time'）。innerfade（）将尝试在页面加载后立即触发淡入淡出，如果你的#time元素尚不存在，那么根据你的html它没有，那就什么都不会发生。

如果您要实现的目标是“动态插入元素并使其淡入而不仅仅是'弹入'，”

首先插入<ul id="time" style="display:none">，然后调用$（'＃time'）。innerfade（）。

使用JQuery动态InnerFade

1 个答案: