1. 程式人生 > >JQuery Mobile - 自定義圖示!

JQuery Mobile - 自定義圖示!

環境

jquery1.9.1.js

jquery mobile 1.4.2版

 

圖示製作

18x18px 底透明的png圖示

 

使用圖示,這個過程開始怎麼弄都不行,只有個灰色的圓出現,不見圖示;或者出現圖示,但位置不對,經過看jquery demo,終於知道了如何使用

步驟如下

1 .當然是定義你的css圖示類了

.ui-icon-myicon:after {
            background-image: url("img/title.png");  /**你的圖片,路徑是相對於當前使用檔案可以訪問到的*/
       
            background
-size: 18px 18px; border-radius: 0; /*圖示形態,0=方形,不設定就是預設的圓形*/ }

關鍵的地方是 after ,之前不成功就是少了這個。

2. 使用這個圖示類:

<a href="#"  class="ui-btn ui-shadow  ui-btn-icon-top ui-icon-myicon"  data-transition="slide">標題</a>

 

原文:

https://blog.csdn.net/java_mars/article/details/22534705

https://blog.csdn.net/niejing654092427/article/details/14523901