Button | Web page in the process of using Windows applications, we all know that many buttons do not require us to click the mouse to select, just press ALT + letter can be directly accessed, is not very professional it? In fact, this can be achieved in the Web page, do not know whether you have noticed before.
To do this, you would have to use a new property AccessKey defined by HTML4.0 to set his value to the keyboard hotkey you defined.
Like what
Although the tutorial does not detail how to make the button, but the author here to share a lot of experience in the production of buttons, start with some simple effects, try more, use the layer style, etc., you can make the desired effect.Final effect
1, the shape of the buttonI personally think that the button is nothing more than these basic shapes, please do not do too many grotesque, do not forge
Buttons | navigation
Let's see this cool navigation button.
Click to browse the file
Here is a relatively simple tutorial I wrote, I hope to help you.
1. First create an MC, in which put a dynamic text box, named Zjs, in the MC drag 8 to put in the scene named Zjs1-zjs8 (note that the different horizontal axis of the MC, so that you can start playing the movie with a cooler effect).
2. Put a dynamic text in the scene and set its variable to Zjs_n
Buttons | tips
Recently, when making flash, you need to make a button component that allows you to set the width at will. In order to ensure that the button style does not deform, it is generally used to divide the button into several MC methods to make. But in fact, if the dynamic effect of the button is not much, You can use the bitmap class to make it. The following is a breakdown of a state of a button. The general idea is to do three MC, and then
The example in this article describes how JavaScript prevents browsers from returning buttons. Share to everyone for your reference. The specific analysis is as follows:
The following JS code can prevent users from clicking the return button, very practical, need friends can be collected.
I hope this article will help you with your JavaScript programming.
Copy code code as follows:
$j (" Form "). Submit (function () {
if ($txt = =" Submit ") {
this.action=" doaddmessage.action?button= submit ";
This.submit ();
}else{
this.action= "doaddmessage.action?button= save";
This.submit ();
}
});
} For example: There are two picture buttons on the page The submission, we can give them all binding the OnClick event at this time, this time we use jquery's form form to
width of all the buttons is the length of the text plus the padding value, which is not possible if we need a button that fills the 100% width of the parent container. So there's btn-block.Btn-block does not shrink according to text or padding and margin values, but rather fills the parent container
Source code
. btn-block {
display:block;
width:100%
}
. Btn-block +. Btn-block {
margin-top:5px;
}
Input[type= "Submit"].btn-block,
input[type
Here first give the production style:
Here you want to change the style for each button in the click of the border, with each and click of the combination to achieve the best but, on the jquery code:
$ ("#filterMenu a"). each (function () { //this.id = i;//Set the ID of each a label as the ID
//i++; $ (this). Click (function () { NB Sp
Set the OnClick event for each a tab //alert (this.id); if ($ (this). Hasclass ("Switchcolor")) nbsp
$ (this)
The first step: Find the Ueditor folder under the Ueditor.config.js toolbars parameter, a new string showmsg (based on the addition of custom naming), and a new labelmap for mouse move in the display of the custom prompt information
All the function buttons and drop-down boxes on the toolbar, you can select the new definition you want when you use the new editor instance, toolbars: [[..., print ', ' preview ', ' searchreplace ', ' help ', ' Drafts '
criteria for designing and using buttons from the color of the button, the size of the button, the shape of the button, the text on the button and the side, and the placement position 5.
1 use high contrast, eye-catching color to highlight the importance of the button
Buttons use high contrast colors and eye-catching colors to highlight the importance of buttons
In the Web world, buttons are no longer common to us. Of course they are also used more. Today, I will share with you 20 buttons Based on jQuery and CSS technologies. These jQuery-based buttons are remarkable. I hope these jQuery buttons can help you. Well, let's take a look at these beautiful
Select boxes, Radio boxes, and radio buttons are select components, select components in two states, one is checked (on), the other is unchecked (off), and they provide a simple "on/off" selection feature that allows the user to choose between a set of selection items.Selection boxSelection box (jcheckbox) is selected or not open is a small box, is selected in the boxes tick. A selection box is also called a check box when there are multiple selection
Keys are one of the most commonly used input devices in the single-chip microcomputer system. A keyboard is required for interactive input. This blog implements a general keyboardProgramAs long as a function is provided to read the key value (the underlying key value), the program will complete some column processing, such as dejittering and saving to the queue. At the same time, this program provides the most commonly used 4*4 matrix keyboard program, and 4 button program.
Hardware intr
If you are active on some social networking sites, you will certainly see many different forms of sharing buttons, and now, thanks to the popularity of HTML5 and CSS3, many of the share buttons have CSS3 styles, and even a lot of CSS3 sharing buttons with animations. This article introduces 9 classic gorgeous CSS3 share butto
The demo requires the ringsdk library. For compilation problems, see the original link in this article: Compile. The so-called three states are the normal status of the button, the highlighted status of the mouse move, and the pressed status. There should actually be a disable state, but this program has no unavailable buttons, so this effect will not be achieved. Because it is a texture rather than an actual button, you must process the mouse message
This article describes an open-source javascript library that supports Ajax application bookmarks and rollback buttons. At the end of this Guide, developers will come up with an Ajax solution that is not even processed by Google Maps or Gmail: robust, the available bookmarks and forward and backward actions can work as correctly as other web pages.
Ajax: How to Control bookmarks and rollback buttons this a
Web page Production WEBJX article introduction: button position and grouping in Web site interaction design.
Button grouping
The grouping of buttons allows an interface to become self-describing. In a complex layout, a well-organized set of buttons is chosen, and because it is obvious, it can quickly tell the user what features are available.
Several button
Buttons. c
# Include # Include # Include # Include # Include # Include # Include # Include # Include # Include # Include # Include # Include # Include Static int major = 0;Static struct class * CLS;/* Gpecon 0x56000040 *//* Gpfcon 0x56000050 *//* Gpgcon 0x56000060 */Static volatile unsigned long * gpecon;Static volatile unsigned long * gpedat;Static volatile unsigned long * gpfcon;Static volatile unsigned long * gpfdat;Static volatile unsign
button in the Web page interaction is very important, this article mainly share some of the appearance of fashion and simple HTML5 button, some buttons with rich HTML5 animation, some buttons have a refreshing appearance, to give people a refreshing feeling, together to see it.1. Bootstrap-based jquery switch button combinationBootstrap is an open source front-end development package launched by Twitter tha
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.