zoukankan      html  css  js  c++  java
  • 雷林鹏分享:jQuery Mobile 列表内容

      jQuery Mobile 列表内容

      jQuery Mobile 列表缩略图

      大于 16x16px 的图像,请在链接中添加 元素。

      jQuery Mobile 将自动缩放图像到 80x80px:

      实例

      

      

      

      尝试一下 »

      使用标准的HTML添加列表信息:

      实例

      

      

      •   

          

          

        Google Chrome

          

        Google Chrome 免费的开源 web 浏览器。发布于 2008 年。

          

          

      

      尝试一下 »

      jQuery Mobile 列表图标

      在列表 元素使用 class="ui-li-icon" 添加 16x16px 图标:

      实例

      

      尝试一下 »

      分割按钮

      在JQuery Mobile的列表中,有时需要对选项内容做两个不同的操作,这时,需要对选项中的链接按钮进行分割。实现分割的方法是在

    • 元素中再增加一个元素,便可以在页面实现分割效果。

        jQuery Mobile 会自动设置第二个链接为蓝色箭头的图标,图标的链接文字(如果有的话)将在用户将鼠标悬停在 图标时显示:

        实例

        

        

        

        尝试一下 »

        添加一些页面和对话框使链接功能更加丰富:

        实例

        

        

        

        尝试一下 »

        气泡数字

        气泡数字是用来显示列表项相关的数字,如在一个邮箱的邮件:

        如需添加气泡数字,请使用行内元素,比如 ,设置 class "ui-li-count" 属性并添加数字:

        实例

        

        

        

        

        

        尝试一下 »

        注意:显示一个正确的气泡数字,必须修改编程方式。 这将在以后的章节解释。

      实例

        更多实例

        改变列表项的默认链接图标

        如何设置列表项的默认链接图标(默认是右箭头).

        可折叠的列表

        如何创建显示/隐藏的列表。

        更多内容格式

        如何制作一个日历。

        本文转载自:w3cschool

        (编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    insertAfter()
    Unity3D之协程(Coroutines & Yield )
    C#中 As 和强制转换的总结
    Mesh系列文章
    在Unity3D 4中关联Visual Studio 2012来编写C#
    Unity3D安装多版本
    Time.deltaTime 增量时间
    Unity3D中Update和Lateupdate的区别
    Making raycast ignore multiple layers
    Unity3d中SendMessage 用法简单笔记
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/10930323.html
Copyright © 2011-2022 走看看