JQuery Mobile 是目前最流行的移動端 Web 開發框架之一,它提供了豐富的圖標庫供我們使用。
首先,需要在 HTML 中引入 JQuery Mobile 的 CSS 文件:
<link rel="stylesheet" >
然后,就可以在頁面中使用 JQuery Mobile 的圖標了,它們的用法非常簡單,只需要在 HTML 元素中添加相應的類名即可:
<i class="ui-icon-heart"></i>
其中,類名 "ui-icon-heart" 就表示顯示一個心形圖標。
JQuery Mobile 提供了多種圖標,每種圖標都有對應的類名和作用。例如,"ui-icon-star" 表示一個五角星,"ui-icon-check" 表示一個勾選標記,"ui-icon-info" 表示一個信息標志,等等。
此外,圖標還可以設置大小和顏色等屬性,比如:
<i class="ui-icon-heart ui-icon-shadow" style="font-size: 30px; color: #ff0000;"></i>
上述代碼表示顯示一個紅色的、大小為 30px 的、帶陰影的心形圖標。
總之,JQuery Mobile 的圖標庫提供了眾多實用的圖標,方便我們在移動端 Web 頁面中使用,并且易于修改樣式,值得開發者們的好好利用。