Although it is convenient and easy to use, I personally think its UI performance is not too brilliant. Today I accidentally saw jquery tools-a jquery-based UI presentation framework, its UI function is similar to (or imitated) flex. This framework provides tabs (Tab/TAB) overlay (overlay), tooltip (prompt box), scrollable (scroll Information bar), expose (highlighted), and flahembed (video playback embedded) six Main functions (called the six tools on
1 attribute1.11 ajaxoptions When the tab loads the content, add an Ajax option. The added Ajax option takes effect only when Ajax is used. The default value is null. In the preceding example, the beforesend and success options are added. For more information about Ajax options, see jquery Ajax...
1.12 initialization setting example:
Note that $ ('. selector') is the class name of tabs. In this example,. selector = #
It is necessary to make a simple tabs plug-in. Before designing the plug-in, sort out the ideas and implement the main functions such as tabs, automatic rotation, and ajax, and then arrange the dom, the traditional tabs is one of the most widely used Web pages. There are also many jquery plug-ins and non-jquery plug-ins. Some friends asked me how to use jquery. u
It is necessary to make a simple tabs plug-in. Before designing the plug-in, sort out the ideas and implement the main functions such as tabs, automatic rotation, and ajax, and then arrange the dom, the traditional tabs is one of the most widely used Web pages. There are also many jquery plug-ins and non-jquery plug-ins. Some friends asked me how to use jquery. u
jquery UI Click here to download, you can also go to the official website to view document help.
1 Properties
1.11 Ajaxoptions, to add an AJAX option when an item card loads content. Ajax options are added only when Ajax is in effect. The default value is null. In the example above, add the Beforesend and success two options. Ajax also have some options please refer to jquery ajax, here do not do the detailed ...
1.12 Initialization Settings Example: Note that $ ('. Selector ') is the
Let's talk about jquery ui tabs, jquerytabs
Click here to download jquery ui, or go to the official website to view the help documentation.
1 attribute
1.11 ajaxOptions: add an ajax option when the tab loads content. The added ajax option takes effect only when ajax is used. The default value is null. In the preceding example, the beforeSend and success options are added. For more information about ajax options, see jquery ajax...
1.12 initialization
Use $.fn.tabs.defaults to override the default value object.tab displays a batch of panels. But only one panel will be displayed at a time. Each tab panel has a header title and some small button tool menus, including a close button and other custom buttons.Use case:Create a panelTwo ways to create tabs with tags and JavaScript.1. Create Tabs from tagsThe tabs ma
Although convenient and easy to use, but personally feel its performance in the UI is not too brilliant, today inadvertently see jquery tools--a jquery based UI performance framework, its UI features display style similar (or imitate) flex. The Framework provides tabs (tab/page sign) overlay (overlay), ToolTip (Prompt box), scrollable (scrolling infobar), expose (highlighting), flahembed (video playback embedded) Six major categories of functions (its
1.2. Import JS and CSSDefault.css is a tabs effect drawing/*jquery-ui-bootstrap Tabs*/.tabs ul {/* border-bottom:3px solid #39aef5!important;*/}.tabs ul li:not (: first-child) { Padding-right:15px!important; }.tabs ul li{border-top:1px solid #ccc!important;border-left:1px so
A website information structure needs to be displayed to the user so that the user can know where the current is and will be able to guess where the content might be.
How to express the information structure of the website to the user?
Use navigation.
Tabs Good navigation!
Tabs navigation is a form of expression, can be very intuitive to show the current column and other columns with the same level.
I have said that I dislike jquery UI's unified API, so I wantGet the instance of the component after invoke like this:
$(function() { var tabs = $("div.tabs").tabs(); // Note: Now tabs is the instance of the component window.setTimeout(function() { tabs.clickTab(2); }, 2000); });
To achieve this, I modified the plugi
Continue to complete the SDK notepad example. Previously, the functions of the entire example are roughly divided:1. display the note list;
2. Edit, view, and delete the tabs;
3. Edit the tab title;
4. Real-time folder of the tab Program (desktop shortcut creation)
[Update] free source code: detailed source code for notepad examples under Android SDK
In the prev
After using jquery for so long, I feel that although the ExtJS and other frameworks are not comprehensive and powerful, they have indeed achieved "thewriteless, domore" and are easy to learn, you just need to take a closer look at the APIReference on its official website. The basic problem is not that great. Although it is convenient and easy to use, I personally think its UI performance is not too brilliant. Today I accidentally saw jquery tools-a jquery-based UI presentation framework, its UI
Control this thing on the Internet to find a number of some of the features are not satisfactory, only to write their own hands.
Tabs Plug-ins Many people need to use, the Internet also has a lot of examples, but is not the style is not used to adjust (oneself write is not necessarily better than others, but with a convenient in love)
The following directly paste code, do not like to spray:
(function ($) {' Use strict '; var defaults = {type: "
Depend on
Panel
LinkButton
Usage examples
Create tabs1. Create tabs via tagCreating tabs from tags is easier, and we don't need to write any JavaScript code. Remember to add the ' Easyui-tabs ' class to the
The code is as follows
Copy Code
tab1 tab2 tab3
. Pro
Left tree, right tabs. Click on the tree to add the corresponding tabs
function addtabs (node) {
var start = ";
var end = ";
if (' #tt '). Tabs (' exists ', node.text))
{(' #tt '). Tabs (' select ', Node.text);
(' #tt '). Tabs (' select ', Node.text);
}
How can I clear the tabs in a string? $ buf [10] = str_replace ("\ r \ n", '', $ buf [10]); // clear line breaks
$ Buf [10] = str_replace ("\ n", '', $ buf [10]); // clear the line break
$ Buf [10] = str_replace ("\ t", '', $ buf [10]); // clear the tab
I used the above, no matter how it is used, the following link is the download of the sample file, in csv format, there is an address containing the tab, these need to be deleted
Http://pan.baidu.c
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.