jquery-mobile – 如何使用jquerymobile在Web应用程序上添加全屏欢迎图像

前端之家收集整理的这篇文章主要介绍了jquery-mobile – 如何使用jquerymobile在Web应用程序上添加全屏欢迎图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我认为它在jQTouch中,但是如何为使用jQueryMobile开发的iPhone网络应用程序添加全屏欢迎图像?

该应用程序是一个全屏网络应用程序,它已经添加到iPhone主屏幕.

解决方法

这只是一个概念,但你可以尝试这样的事情:

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

JS

$(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>
原文链接:https://www.f2er.com/jquery/179407.html

猜你在找的jQuery相关文章