jQuery Mobile手机网站案例

最新推荐文章于 2024-08-17 11:32:55 发布

weixin_33859665

最新推荐文章于 2024-08-17 11:32:55 发布

阅读量4.5k

点赞数

文章标签： javascript php ViewUI

本文介绍了使用jQuery Mobile创建手机网站的案例，包括index.php、add.php和insert.php三个部分，并提及jQuery Mobile作为纯手机框架，与amazeui和bootstrap类似，适用于移动端网页开发。

摘要由CSDN通过智能技术生成

jQuery Mobile手机网站案例

一、总结

一句话总结：jQuery Mobile是纯手机框架，和amazeui和bootstrap都可以做手机网站。

1、另一款文本编辑器？

jd编辑器

二、jQuery Mobile手机网站案例

1、index.php

  1 <?php 
  2 include 'common/config.php';
  3 
  4 $sql='select * from message';
  5 
  6 $rst=mysql_query($sql);
  7 
  8 
  9 ?>
 10 <!doctype html>
 11 <html>
 12 <head>
 13     <meta charset="UTF-8">
 14     <title>index</title>
 15     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 16     <link rel="stylesheet" href="jm/mobile.css">
 17     <script src="jm/jquery.js"></script>
 18     <script src="jm/mobile.js"></script>
 19   <link rel="stylesheet" href="css/idangerous.swiper.css">
 20   <link rel="stylesheet" href="css/style.css">
 21   <link rel="stylesheet" href="css/swiper-demos.css">
 22   <script src="js/idangerous.swiper-1.9.1.min.js"></script>
 23   <script src="js/idangerous.swiper.scrollbar-1.2.js"></script>
 24   <script src="js/swiper-demos.js"></script>  
 25   <style>
 26     *{
    
 27       min-width:0px!important;
 28       min-height:0px!important;
 29     }
 30 
 31     .home-device,.swiper-main,.swiper-container,.swiper1,.swiper-wrapper,.swiper-slide{
    
 32       width:100%;
 33       overflow:hidden;
 34     }
 35 
 36     *{
    
 37       font-family: 微软雅黑;
 38     }
 39   </style>
 40 </head<