如何使用jquerymobile在Web应用程序上添加全屏欢迎图像 | 何使用jquerymobile在Web应用程序上添加全屏欢迎图像

本文介绍了如何使用jquerymobile在Web应用程序上添加全屏欢迎图像的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我认为它存在于jQTouch中，但是如何为使用jQueryMobile开发的iPhone Web应用添加全屏欢迎图像?

I think it's there in jQTouch but how do I add a full screen welcome image for my iPhone web app developed using jQueryMobile?

该应用程序是全屏网络应用程序，并且已经添加到iPhone主屏幕中.

The app is a full screen web app and it is already added in the iPhone Homescreen.

推荐答案

这只是一个概念，但是您可以尝试执行以下操作:

This is just a concept but you could try something like this:

实时示例: http://jsfiddle.net/yzvWy/14/

$(function() {
  setTimeout(hideSplash, 2000);
});

function hideSplash() {
  $.mobile.changePage("#home", "fade");
}

HTML

<div data-role="page" data-theme="b" id="splash" style="background-color: #fff;">
    <div class="splash">
        <img src="http://jquerymobile.com/demos/1.0a4.1/docs/_assets/images/jquery-logo.png" alt="splash" />
    </div>
</div>
<div data-role="page" data-theme="b" id="home">
    <div data-role="content">
        <div data-role="content">
            <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
                <li data-role="list-divider">Overview</li>
                <li><a href="docs/about/intro.html">Intro to jQuery Mobile</a></li>
                <li><a href="docs/about/features.html">Features</a></li>
                <li><a href="docs/about/accessibility.html">Accessibility</a></li>
                <li><a href="docs/about/platforms.html">Supported platforms</a></li>
            </ul>
        </div>
    </div>
</div>

这篇关于如何使用jquerymobile在Web应用程序上添加全屏欢迎图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！