JQuery Mobile 页面过渡效果设置

最新推荐文章于 2021-06-04 02:32:43 发布

网络全息测量

最新推荐文章于 2021-06-04 02:32:43 发布

阅读量1.7k

点赞数

分类专栏： JQuery Mobile

本文链接：https://blog.csdn.net/liangyixin19800304/article/details/21155959

版权

JQuery Mobile 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>系统帮助</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<META name=viewport content="width=device-width, user-scalable=no, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#default').bind('click', function() {
		$.mobile.loadingMessageTextVisible = false;
		$.mobile.showPageLoadingMsg();
	});
	$('#loadingMessageTextVisible').bind( 'click', function() {
		$.mobile.loadingMessageTextVisible = true;
		$.mobile.loadingMessageTheme = 'a';
		$.mobile.showPageLoadingMsg();
	});
	$('#loadingMessageTheme').bind( 'click', function() {
		$.mobile.loadingMessageTextVisible = true;
		$.mobile.loadingMessageTheme = 'e';
		$.mobile.showPageLoadingMsg();
	});
	$('#customText').bind( 'click', function() {
		$.mobile.loadingMessageTextVisible = true;
		$.mobile.showPageLoadingMsg( 'a', "Please wait..." );
	});
	$('#noSpinner').bind( 'click', function() {
		$.mobile.loadingMessageTextVisible = true;
		$.mobile.showPageLoadingMsg( 'a', "Please wait...", true );
	});

});
</script>
</HEAD>

<BODY>

<div data-role="page" id="page1">
    <div data-theme="a" data-role="header" data-position="fixed">
		<a href="#" data-role="button" data-icon="home">首页</a>
        <h3>欢迎进入办事大厅</h3>
        <a href="#panel2" data-role="button" data-inline="false"  data-icon="search" class="ui-btn-right">搜索</a>
    </div>
    <div data-role="content">
    <p><a id="default" data-role="button">Default Loader</a></p>
	<p><a id="loadingMessageTextVisible" data-role="button">loadingMessageTextVisible = true</a></p>
	<p><a id="loadingMessageTheme" data-role="button">loadingMessageTheme = 'e'</a></p>
	<p><a id="customText" data-role="button">Custom Text</a></p>
	<p><a id="noSpinner" data-role="button">No Spinner</a></p>
    </div>
   <div data-theme="a" data-role="footer" data-position="fixed">
         <div data-role="navbar" data-iconpos="left">
		  <ul>
			<li><a href="#" data-icon="plus">通知公告</a></li>
			<li><a href="#" data-icon="delete">我要信访</a></li>
			<li><a href="#" data-icon="check">办件检索</a></li>
		  </ul>
    	</div>
    </div>
</div>

</BODY>
</HTML>