淡出&淡出不适用于以下代码

时间:2013-05-21 05:50:38

标签: javascript html

你好我不是一个优秀的技术人员,但是我想出了正确重定向页面的代码。我尝试执行它,但无法修复淡出和淡入属性。

任何人都可以帮我解决这个问题。

我用于实施的代码

<head>
<script type="text/javascript">
<!--
function delayer(){
    window.location = "../safari-index -black/page3.html"
}
//-->
$("#page").fadeOut(2000);
</script>
</head>
<body>
<body onLoad="setTimeout('delayer()', 36000)">
</body>

由于

3 个答案:

答案 0 :(得分:2)

你需要为fadein和fadeout包含jquery参考。在头标记中包含此脚本标记。

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

并删除第一个body标签,因为你包含了两个。

答案 1 :(得分:1)

在Window.load中调用你的淡出

$(function(){
    $("#page").hide().fadeIn(2000);
    setTimeout(function(){ $("#page").fadeOut(2000); }, 30000);
});

并添加

<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>

到您的头标记

答案 2 :(得分:0)

我宁愿这样做:

$(function(){
   $(document.body).fadeOut(2000,function(){
     window.location = "../safari-index -black/page3.html"
   });
 })

如果你想在特定时间后开始淡出,你可以这样做:

$(function(){
 var timeToWait = 1000;
 setTimeout(function(){
 $(document.body).fadeOut(2000,function(){
   window.location = "../safari-index -black/page3.html"
 });
},timeToWait )
})