jQuery Mobile的作用。

最新推荐文章于 2024-07-10 16:57:46 发布

lixianseng

最新推荐文章于 2024-07-10 16:57:46 发布

阅读量1.7k

点赞数

文章标签： jquery html5 css3

本文链接：https://blog.csdn.net/lixianseng/article/details/52769571

版权

 最近研究一下jQuery Mobile ，这是一个很强大的创建移动 web 应用程序的框架。用它来制作手机端网页是非常方便的 。jQuery Mobile 使用 HTML5 和 CSS3 通过很少的东西就可以对页面进行布局。

 给大家推荐一个网址 ：http://www.w3school.com.cn/jquerymobile/ ， 这个网址里面全面的介绍了jQuery Mobile ， 在这个网站我们找到 jQuery Mobile 实例 ， 在这些实例里面为我们详细的介绍了个种各样的样式 ，我们都只需通过复制 ，到我们的网站上就可以使用。非常适合我们进行快捷开发手机端网站。
  比如 ：

<!DOCTYPE html>
<html>
<head>
<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.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>

<div data-role="page" id="pageone">
  <div data-role="header">
  <h1>data-mini 实例</h1>
  </div>

  <div data-role="content">
  <p>普通按钮和迷你按钮：</p>
  <a href="#" data-role="button">按钮 1</a>
  <a href="#" data-role="button" data-mini="true">按钮 2</a>
  <br>

  <p>行内按钮：普通和迷你的：</p>
  <a href="#" data-role="button" data-inline="true">按钮 1</a>
  <a href="#" data-role="button" data-inline="true">按钮 2</a>
  <br>
  <a href="#" data-role="button" data-inline="true" data-mini="true">按钮 1</a>
  <a href="#" data-role="button" data-inline="true" data-mini="true">按钮 2</a>
  </div>

  <div data-role="footer">
    <h1>页脚文本</h1>
  </div>
</div> 

</body>
</html>

这个运行之后我们可以看到很多按钮 ，这些按钮有大有小 ，看起来都非常棒 。很适合我们提高网站的美观程度 。

lixianseng

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery Mobile的作用。

最近研究一下jQuery Mobile ，这是一个很强大的创建移动 web 应用程序的框架。用它来制作手机端网页是非常方便的。jQuery Mobile 使用 HTML5 和 CSS3 通过很少的东西就可以对页面进行布局。给大家推荐一个网址：http://www.w3school.com.cn/jquerymobile/ ，这个网址里面全面的介绍了jQuery Mobile ，在这个网站我
复制链接

扫一扫