This article mainly introduces how to use jQuery to add buttons on the Mobile Page and add icons to the buttons. It uses the jQuerymobile library for mobile development. For more information, see
Create button data-role = buttonAdd the data-role = "button" attribute to the HTML element. JQuery Moble will enhance this element as a button style. The Jquery Mobile f
Tags: VC tooltip toolbar button icon MFC
Note: I am using the VC ++ 2010 development environment for testing.
When using the VC development Dialog Box program, it is not as convenient as the development single document program and multi-document program. Many resources need to be manually added. Recently, when developing a program, I want to try to addToolbarAndButton tooltipSo I had this article and hoped
Itop portal Page Language Toggle icon button, interface Jump button, perfect solutionMain changes:Modify class file, webpage.class.inc.php add variable, function, function overwriteModify the language configuration file, no longer need to manually modify the URL of the Itop webservice, as long as itop own configuration file, root_url behind with/symbolModify appl
JS click an icon or button to bring up the implementation code of the file selection box. js button
The following code is implemented based on js. Click an icon or button to bring up the core code of the file selection box. The code is relatively simple. For more informatio
Many of my friends have responded that the built-in icons of jquerymobile are really few. In addition, I also think the icons are too small (the built-in icons are 18*18 ), so I thought about how to customize Button icons. The following small series will share my methods on the script home platform for everyone to learn from. Many of my friends have reflected that jquery mobile comes with fewer icons, in addition, I also think that the
In the navigation bar used in example 5-4, the icon has been styled for the button, but there is no way to describe the button's icon at the time. The following intercepts the code in the navigation bar section of example 5-4:1"Footer">2"NavBar"Data-grid="C">34"Chat"href="#"data-icon="Custom">5"Email"href="#"data-
Learn Extjs5 with me (06--Use the icon font to beautify the button)
in Sencha's example, there are examples of using icon fonts to beautify the buttons, which are convenient and uniform in style, for example:
the use of the above icon font is also very simple, just download the font awesome CSS and
A lot of friends are reactive jquery Mobile with the icon is really few, and I also think the icon is small (the system with the 18*18), and then pondering how to customize the button icon, the following small set my method to share to everyone.
Just touching the jquery mobile framework, encounter a very real problem,
JQuery Mobile offers a set of icons to make your buttons more appealing.1. Add an icon for the JQuery Mobile buttonTo add an icon to your button, use the Data-icon property: ( You can also use the Data-icon property in the )DivData-role= "page"ID= "Pageone"> DivData-r
JQueryMobile defines a set of data-icon parameters by default during button design. You can specify common Button icons based on these parameters. Data-icon can be used to specify different parameters. Different parameters may have different icon styles. The left arrow data-
Mobile phone app Design code refers to the entire app interface for visual design UI style unification, the interface elements of the style, color, icon button and size set the uniform norms and use principles. Facilitate future coordination and collaboration and app Vision iterations.
The first part: the icon design Code of App interface
We are drawing the
JQuery Mobile offers a set of icons to make your buttons more appealing.1. Add an icon for the JQuery Mobile buttonTo add an icon to your button, use the Data-icon property: ( You can also use the Data-icon property in the )DivData-role= "page"ID= "Pageone"> DivData-r
Bootstrap, from Twitter, is currently the most popular front-end framework. This article mainly introduces the menu button and Icon components of the BootStrap component. If you need more information, see Bootstrap. Twitter is the most popular front-end framework. Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is concise and flexible, making Web development faster.
Learning points:
1. Small
Bootstrap is using the font icon glyphicons, which contains 200 icons. There are a few things to note when using font icons:
1. Each icon font is composed of a base class and a corresponding icon class, such as:
2. Font icons cannot exist in conjunction with other elements and can only be used alone, using a span label and applying base classes and corr
requirements, otherwise it is easy to make an unknown error after the replacement.
Remember that! This is also a matter of note to replace all system icons.
Open IconWorkshop, Import the icon you have prepared, check rgb/a 256 color 16 colors, first look at the extra items than the original icon,
The extra item processing is simple, right mouse button on the
In the navigation bar used in example 5-4, the icon's style has been added to the button, but there is no way to describe the button's icon. The following intercepts the code in the navigation bar section of example 5-4:The navigation bar section of Style 6-2 is seen.Figure 6-2 Style of the navigation barAt that time, I mentioned that the default icon for
To give you illustratror software users to the detailed analysis of the graph to draw the RSS icon Button Example Tutorial.
Tutorial Sharing:
Let's take a look at the final effect.
RSS icon
WEB 2.0 Style button
The following is a detailed procedure.
Earlier in the Windows 7 compatibility webcast I made a shield icon of the demo, this icon is to say click on the button to perform a request to enhance the rights of the operation, to write its main implementation process and the webcast in the demo released.
In fact, the main implementation is to invoke the method in User32.dll to paste the existing
button or icon sprite (their atlas is specified as normal common_atlas.prefab) needs to be grayed out, this time dynamically set Sprite.atlas to Gray_common_ Atlas.prefab, when you need to set a normal state, the reverse is set to normal Common_atlas.prefab.4. Of course, due to the Atlas property of the sprite you are not good to go to the new one, so I am in the layout stage, each with a new set of 1 Spri
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.