乐享资讯 - 快乐阅读,分享人生!

乐享资讯 - 快乐阅读,分享人生!

当前位置: 首页 > 程序人生 > DEDE >

免费奉送~~织梦wap网站jqueryMobile实现

时间:2016-10-10 18:50来源:乐享资讯 作者:勇往直前 点击:
    用过织梦的站长们估计都知道,自带的wap站过于简单,而且手机上浏览时存在兼容行问题,导致用户阅读体验非常不好,前段时间听有些朋友说jqueryMobile还不错,索性自己花了几天时间研究了下jqueryMobile的用法,最后lexzx.com结合自己的一点点经验,在原来wap基础上做了一些开发和调整。
   
    改版后的wap站,整体结构为
      1.wap站首页;
      首页是网站标题+网站一级导航栏目+今日推荐文章,大体效果如图所示:
 免费奉送~~织梦wap网站jqueryMobile实现

      2.栏目文章列表展示;
      其有文章栏目标题+当前位置+当前栏目列表组成,效果图如下所示:

 
免费奉送~~织梦wap网站jqueryMobile实现
      3.文章阅读页面;
      文章阅读页面由文章标题+文章栏目+分享+文章内容+文章评论组成,效果图如下所示:
免费奉送~~织梦wap网站jqueryMobile实现
 
    今天把这套代码分享给感兴趣的朋友,希望对
有用,当然还有很多地方需要改进,希望能起到抛砖引玉的作用,由于本人不懂PHP,可能没有考虑到性能或是其他东西,大神们勿拍砖!见谅!!!
 
    安装使用方法:
      1.wap.php页面放置在网站根目录下,当然根据自己需要修改wap.php文件名也是可以的;

      2.wap文件夹可以放置在根目录下,当然根据自己的实际情况放置其他目录下也可以,我是放置在根目录下templets文件夹目录下,如图所示

 
免费奉送~~织梦wap网站jqueryMobile实现
 
      3.如果需要对wap样式进行调整,可以直接在样式文件wap.css,其位置如图所示
 
免费奉送~~织梦wap网站jqueryMobile实现

 
      4.当然wap站中的源文件名称可以进行修改,只要同wap.php文件中引入文件名一致就行。

      5.关于jquery.mobile就不在这里阐述了,度娘上会有很多资料,比我讲的好;

      6.喜欢或是需要的朋友,留下你的邮箱!!!


               
   版权申明:

      1.此套模板版权归乐享资讯(lexzx.com)所有;

      2.允许个人或是企业网站使用,此模板开源目的在于技术交流,未经本站允许,不允许将此模板以盈利为目的打包销售;
                   
 
(责任编辑:小乐)
------分隔线----------------------------
栏目列表
乐享资讯
推荐内容
乐享资讯