如何使用jquery_mobile来实现一个点电影播放网站
创始人
2024-11-23 02:01:04
0次

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

如何使用jquery_mobile来实现一个点电影播放网站

jquery_mobile(简称JQM)其实就是基于jquery开发出来的一套移动端框架,适应移动用户端市场对浏览与体验从而进一步的提升

jquery_mobile控件介绍

jquery_mobile的语法将各个控件(widget)以data-role的形式定义好样式,使用时直接引用,则可调用适合手机页面显示的样式。

juqery_mobile的常用控件如下所示:

如何使用jquery_mobile来实现一个点电影播放网站

我们废话不多说,开始写第一个jquery_mobile的模版程序,改名为jqm1.html,代码如下所示:



    
        
        
        
         
        
         
        
         
        
        jQuery Mobile Web 应用程序
        
        
        
    
    
        
            
                

header

            
                                                  
  • 第一页
  •                     
  • 第二页
  •                     
  • 第三页
  •                     
  • 第四页
  •                     
  • 第五页
  •                              
                                 

    页面脚注

                
            
                                                   

    header2

                
                                              
                                 

    页面脚注

                
            
                                                   

    header3

                
                                 内容3             
                                 

    footer3

                
                                                            

    header4

                                              内容4                                           

    footer4    

                                                                         

    header5

                                              

    内容5

                                              

    footer5

                              
    
    
        
            
            
            
             
            
             
            
             
            
            jQuery Mobile Web 应用程序
            
            
            
        
        
            
                
                    

    header

                                                                   
  • 第一页
  •                     
  • 第二页
  •                     
  • 第三页
  •                     
  • 第四页
  •                     
  • 第五页
  •                                                            

    页面脚注

                                                                         

    header2

                                                                                         

    页面脚注

                                                                         

    header3

                                              内容3                                           

    footer3

                                                                         

    header4

                                              内容4                                           

    footer4    

                                                                         

    header5

                                              

    内容5

                                              

    footer5

                              

    由上面这段代码我们可以很清楚的了解到了我们的jquery_mobile是可以通过id来控制下面的列表的,有点像ecshop后台的添加商品那块,

    要注意的是红色边框里面的代码,如下图所示:

    如何使用jquery_mobile来实现一个点电影播放网站

    然后再写个fs.php的程序,主要让他向指定用户推送链接的,代码如下所示:

     "{$contentStr}");
        $reply_arr = array('touser' => "{$fromUsername}", 'msgtype' => 'text', 'text' => $content_arr);
        //编码成json格式
        $post = json_encode($reply_arr);
        //url解码
        $post = urldecode($post);
        $url = "https://api.weixin.qq.com/cgi-bin/message/custom/send?access_token={$access_token}";
        http_request($url, $post);
        echo '发送成功!';

    然后访问fs.php效果如下所示:

    如何使用jquery_mobile来实现一个点电影播放网站

    我们手机端将会接收到所推送的信息了,我们点击进进去即可,我们也可以通过用浏览器缩小的形式就可以看到jquery_mobile成功缩放的效果,如下图:

    如何使用jquery_mobile来实现一个点电影播放网站

    相关内容

    热门资讯

    空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
    空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
    格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
    空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
    格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
    品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
    空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
    空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
    中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
    中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...