Jquery special effects (2)-tab, jquery special effects Tab
Recently, the company has a page that is easy to use and I wrote it. It feels pretty good and simple ~~~~
The following shows the dynamic effect:
I. Main Program
Ii. CSS style
Preliminary Layout code:
*{ margin:0; padding:0}ul{ list-style: none;}.tab{ width: 300px; margin: 0 auto;}.
In the previous article, the function menu is displayed in a tree. The following describes the main business functional area in the central area of the system layout. You can use the tab control to open multiple tab pages, to facilitate system operations and business operations.
First, let's talk about the initialization of the front-end tab control. In the index
Author: think8848 (company homepage: http://www.cleversoft.com, qq:166156888, blog:http://think8848.cnblogs.com) Reprint please keep this information
Clevertabs is a jquery plug-in that requires the jquery version: 1.6.1,jquery UI style Version: 1.8.13; Its function is to create the jquery UI Style tab to display the IFRAME.
In this example, the Jquery.contextmenu plugin was added, and I modified its style to use the jquery UI skin
The effect of
Tabs are available on a large number of sites, although the form is different, but the purpose is to achieve the same, is generally in order to classify or save the web space only use, is a sharp weapon, the following is a code example of a tab, the universality is very strong, below and you share.
The code example is as follows:
The above code implements the function of the tab, the following is
This example describes how jquery implements the Tab tab effect. Share to everyone for your reference. Specifically as follows:
var tabs = {
init:function () {
var $tab _contents=$ ('. tab-contents '), $tab _nav=$ ('. Tab
How to add a tab to the Fineui framework: fineui framework Tab
Add js Code to the F. ready (function () {...} method on the homepage
// Add the example tab window. addExampleTab = function (id, url, text, icon, refreshWhenExist) {// dynamically Add a tab // mainTabStrip: tab
Author: think8848 (company homepage: http://www.cleversoft.com, QQ: 166156888, Blog: http://think8848.cnblogs.com) reprinted please keep this information
CleverTabs is a jQuery plug-in. The jQuery version 1.6.1 and jQuery UI style version 1.8.13 are required. The function is to create a jQuery UI style Tab to display iframe.
In this example, the jQuery. contextMenu plug-in is added. I modified the style and used the skin of jQuery UI.
The effect is a
JQ Options Card is very simple, the attention is his structure naming (there are many on the internet, which is not a norm)1.tab2.TAB-HD (Options Bar)3.TAB-BD (the options bar corresponds to the content)CSS code (layout no problem, can only see jquery code)*{padding:0; margin:0;} UL {List-style:none;}. tab {width:450px; height:200px; overflow:hidden; border:1px s
How to implement IE9 double-click to close the current tab page (Tab tab page) functionality, the rationale for this function is as follows:
1, set up the global mouse hook, get double-click the message when the tab, triggering the tab is double-clicked event.
2, send the
Author: think8848 (company homepage: http://www.cleversoft.com, QQ: 166156888, Blog: http://think8848.cnblogs.com) reprinted please keep this information
CleverTabs is a jQuery plug-in. The jQuery version 1.6.1 and jQuery UI style version 1.8.13 are required. The function is to create a jQuery UI style Tab to display iframe.
In this example, the jQuery. contextMenu plug-in is added. I modified the style and used the skin of jQuery UI.
The effect is a
Each tab of the Ext. Tab. Panel tab component is an Ext. Panel. Panel. Generally, multiple tabs exist at the same time, but only one tab is active at the same time.
Ext. Tab. Panel:
Configuration item
Parameter type
Description
Activetab
Preface:
Log4net is a third-party software that is convenient for log processing.However, the "partially supported" Tab character is output in the output part ).The so-called "partially supported" means,It is supported in the message content, but not in the message layout.This imposes a lot of restrictions on developers when composing messages.
This article records,When using log4net to output log messages, you can use the
Three simple Tab navigation (Web Tab) are recommended. Applying tabs in a Web page makes the web page more compact. Combining AJAX technology, the page can display more content in a limited space. This article mainly introduces the implementation of several simple tab effects (not involving sliding doors and AJAX), with examples, no images, good compatibility, an
It's easier to switch tabs, but let's look at the results I've achieved:I have mainly achieved:1, the tab between the mutual switch;2. Display the selected tabHere's a look at the implementation code:Css:html,body,div{ font-size:12px; font-family: "Arial";}. tab-ui{ width:400px; height:300px; Position:relative;}. tab-title{ border-top-right-radi
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.