jQuery Mobile 图标
--------------------------------------------------------------------------------
jQuery Mobile 提供了一套内置的图标,可以应用于button,collapsibles,ListView等。
jQuery Mobile 提供了大量的图标,可以通过应用数据图标属性或UI图标-一个合适的部件使用的类。
There is an SVG and PNG image of each icon. By default the SVG icons, that look great on both SD and HD screens, are used. On platforms that don't support SVG the framework falls back to PNG icons. The icon name is self-describing. For example, the following will display a button with a home icon:
有一个SVG和每个图标png图片。默认情况下,SVG图标,看起来伟大在SD和HD屏幕,使用。在平台不支持SVG框架落回png图标。图标的名字是自我描述。例如,以下就是图标按钮显示:
<a href="index.html"class="ui-btn ui-icon-home ui-btn-icon-left">Home</a>
|
下面是一个完整的图标列表设置:
http://api.jquerymobile.com/icons/
Icons and themes
图标和主题
The semi-transparent black circle behind the white icon ensures good contrast on any background color so it works well with the jQuery Mobile theming system. Here are examples of the same icons sitting on top of a range of different color swatches with themed buttons.
半透明的黑色圆圈白偶像背后的保证在任何背景颜色对比度好,它与jQuery Mobile主题系统。这里是相同的图标,坐在一个范围内的不同颜色的色板与主题的按钮的例子。
http://api.jquerymobile.com/icons/
分享到:
相关推荐
接下来是图标相关的CSS文件,例如`jquery.mobile.icons-1.4.1.css`,它包含了jQuery Mobile内置的一系列图标,方便开发者在界面上使用。`jquery.mobile.icons-1.4.1.min.css`同样是压缩版,提高了加载速度。此外,...
2. `jquery.mobile.icons-1.4.5.css`:图标样式文件,提供了内置的图标集。 3. `jquery.mobile.inline-svg-1.4.5.css` 和 `jquery.mobile.inline-png-1.4.5.css`:分别用于内联SVG和PNG图标的样式定义。 4. `jquery....
**基于jQuery Mobile的iOS主题详解** 在移动应用开发领域,jQuery Mobile是一款强大的前端框架,它为构建响应式、触控友好的网页应用提供了便利。尤其是对于想要模仿iOS设备外观和感觉的应用,jQuery Mobile的iOS...
4. **jquery.mobile.icons-1.4.5.css**:定义了jQuery Mobile内置图标的样式。 5. **jquery.mobile.icons-1.4.5.min.css**:压缩版的图标样式文件。 6. **jquery.mobile.inline-png-1.4.5.css**:为不支持SVG的...
3. `jquery.mobile.icons-1.4.2.css`:包含jQuery Mobile中的默认图标样式,这些图标可以用于按钮、页签等组件。 4. `jquery.mobile.structure-1.4.2.css`:此文件专注于页面结构和布局,定义了网格系统、页面容器和...
3. `jquery.mobile.icons-1.4.2.css` 包含了jQuery Mobile内置的图标样式,用于按钮、下拉菜单等组件。 4. `jquery.mobile.structure-1.4.2.css` 则专注于页面结构,定义了网格系统、页眉、页脚等布局元素的样式。 ...
**jQuery Mobile Google Maps 插件 jQuery UI Map** jQuery Mobile 是一个专为移动设备设计的前端框架,它使得在手机和平板电脑上构建交互式网页应用变得更加简单。而jQuery UI Map是一个专门为jQuery Mobile设计的...
**jQuery Mobile 指南:开发背景与按钮小图标资源** 在移动应用和网页开发中,用户界面的设计和用户体验是至关重要的。jQuery Mobile 是一个强大的前端框架,它为创建响应式、触摸友好的移动Web应用提供了便利。这...
例如,`jquery.mobile.*.css` 文件包含了各种主题样式,如 `jquery.mobile.icons-1.4.4.css` 用于图标,`jquery.mobile.structure-1.4.4.css` 用于基本结构和布局。 - **事件和增强**:当页面加载或显示时,jQuery ...
进一步,`jquery.mobile.icons-1.4.2.css`和`jquery.mobile.icons-1.4.2.min.css`是专门用于图标显示的样式表,包含了框架内置的各种图标,如导航、警告、成功等状态图标,使得应用界面更加生动直观。而`jquery....
`jquery.mobile.icons-1.4.5.css`和`jquery.mobile.icons-1.4.5.min.css`定义了框架中的图标,而`jquery.mobile.inline-svg-1.4.5.css`和`jquery.mobile.inline-svg-1.4.5.min.css`则引入了SVG图标,提供更好的设备...
这个版本的Demo集成了多个CSS文件,包括`jquery.mobile-1.4.5.css`、`jquery.mobile.icons-1.4.5.css`等,这些文件为页面布局、图标展示提供了完整的样式支持。例如,`jquery.mobile-1.4.5.css`是基础样式文件,定义...
jQuery’s mobile strategy can be summarized simply: A unified user interface system that works seamlessly across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI ...
- `jquery.mobile.icons-1.4.5.css` 和 `.min.css`:包含jQuery Mobile的图标集,用于按钮、图标的样式定义。 - `jquery.mobile.inline-svg-1.4.5.css` 和 `.min.css`:引入SVG图标,提高图片质量且体积小,支持更...
jQuery’s mobile strategy can be summarized simply: A unified user interface system that works seamlessly across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI ...
Icons4菜单 该存储库是基于SVG图标的SVG图像资源,并使用SVG图标进行了扩展。这些图标主要是为基于Web的应用程序中的菜单或按钮中的图标收集的。...如果要下载存储库的PNG图标(JQuery Mobile 1.4.5-CC0),则可以使用
**jQuery Mobile 知识点详解** `jQuery Mobile` 是一个基于 `jQuery` 库的轻量级、触屏优化的框架,专为移动设备上的 Web 应用程序设计。它提供了一套完整的用户界面(UI)组件,如页眉、页脚、可滚动区域、表单、...
10、JQuery Mobile 11、Mobile-android_DSK 12、mobile-iPhone-Horizontal 13、mobile-iPhone-UI 14、modest_mouse_cursors 15、Sharing 16、Shopping 17、Slider_Library_by_truematter 18、social_media_icons_vim...
Kode coded highly responsive for your mobile phone & tablets. Kode is easily customizable with colors, widgets or ui elements. Features Bootstrap 3 based Fully responsive for phones and tablets ...
8. **JavaScript插件集成(JavaScript Plugins)**:为了增加交互性,模板可能还集成了jQuery或其他JavaScript库,如Bootstrap的插件,用于实现如轮播图、模态对话框等功能。 在解压的文件"Flat-UI-master"中,你...