zoukankan      html  css  js  c++  java
  • jquery mobile 的navbar自定义图标

    css:
     
    <style type="text/css">
      .nav-glyphish-example .ui-btn .ui-btn-inner { padding-top: 40px !important; }
      .nav-glyphish-example .ui-btn .ui-icon { 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: none !important; border-radius: none !important; }
      #chat .ui-icon { background:  url(glyphish-icons/09-chat2.png) 50% 50% no-repeat; background-size: 24px 22px; }
      #email .ui-icon { background:  url(glyphish-icons/18-envelope.png) 50% 50% no-repeat; background-size: 24px 16px;  }
      #login .ui-icon { background:  url(glyphish-icons/30-key.png) 50% 50% no-repeat;  background-size: 12px 26px; }
      #beer .ui-icon { background:  url(glyphish-icons/88-beermug.png) 50% 50% no-repeat;  background-size: 22px 27px; }
      #coffee .ui-icon { background:  url(glyphish-icons/100-coffee.png) 50% 50% no-repeat;  background-size: 20px 24px; }
      #skull .ui-icon { background:  url(glyphish-icons/21-skull.png) 50% 50% no-repeat;  background-size: 22px 24px; }
    </style>
     
    page:
     
    <div data-role="footer" class="nav-glyphish-example">
      <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
        <ul>
          <li><a href="#" id="chat" data-icon="custom">Chat</a></li>
          <li><a href="#" id="email" data-icon="custom">Email</a></li>
          <li><a href="#" id="skull" data-icon="custom">Danger</a></li>
          <li><a href="#" id="beer" data-icon="custom">Beer</a></li>
          <li><a href="#" id="coffee" data-icon="custom">Coffee</a></li>
       </ul>
      </div>
    </div>
  • 相关阅读:
    如何在linux系统安装redis
    关于—单例模式
    2.观察者模式(发布-订阅模式)
    1.提供者模式
    提供者模式:提供者的实例化加锁
    为已有的类添加特性,常用于数据库生成的类模型
    C#特性
    JSON.parse(jsonStr)和eval('('+jsonStr+')')
    a标签的href和onclick
    查看SQL语句执行时间/性能测试
  • 原文地址:https://www.cnblogs.com/happyPawpaw/p/2607806.html
Copyright © 2011-2022 走看看