Question

我已经有了一个移动网站，我想要做的是添加一个图像，当你点击页面5秒钟时会显示该图像。一旦过了5秒，它就会消失，你就在主页上。

Android设备有可能吗？有没有办法让图像显示在整个屏幕上？

谢谢！

Answer 1

使用jQuery更容易。您可以将div设置为您的启动页面，并设置在加载页面时运行的功能。持续5秒后，您可以隐藏div。

它可能看起来像这样：

$('div.introDiv').animate( {
    opacity: 'toggle' // if div is hidden, it will fade in
},
{
    duration: 5000, // in ms
    complete: function () {
        $('div.introDiv').animate(
            {
                opacity: 'toggle' // div will fade out
            },
            {
                duration: 5000, // 5 seconds
                complete:function () {                        
                    // hide div and show main content
                }
            })
    }
}

）;

这不是唯一的方法，但它确实有效。

Answer 2

尝试类似......

<body onload="redirectMobile()">

var redirectMobile = function() {
  setTimeout(function(){
    window.location = 'http://www.google.com/';
  },5000);
};

或跳过该功能并执行...

<body onload="setTimeout(function(){window.location = 'http://www.google.com/'},5000)">

就像之前的回答所说，jquery或其他方式可能更容易，但这应该适用于纯JavaScript。

移动启动页面

2 个答案: