This article for you to share the JQuery writing tab tab switch Special effects, for your reference, the specific contents are as follows
Effect Description: Click the tab navigation, the page slide to the corresponding plate below. And when the page scrolling through the mouse, the top tab can also automatically swit
Purpose
This article is a summary of the Tab tab design for the Axure prototype design, with the following effects:
Step1 space Zone drag into rectangle
Step2 Rectangle area drag into dynamic panel
STEP3 Dynamic Panel Add two states, plus the default one, named Tab1, TAB2, TAB3 (here only 3 tabs for example)
Step4 Open Tab1 (TAB2 and tab3 the same steps), drag into the rectangle, resize as
Recently often to use the Tab tab page, so write a simple, later use the words directly copy a, a little change on the OK.
First look at the effect of the picture:
Next look at the code how to write it:
One, SP file easytab.jsp
Copy Code code as follows:
String path = Request.getcontextpath ();
String basepath = request.getscheme () + "://" +request.getservername () + ":" +request.getserve
This CSS3 tab style has been written out for a long time, has not been available to share it out, maybe there are many other such code on the Internet, but there is no one is used to me: checked to do, no matter what, more master a way is also helpful to you.
The effect is like a tab that has been written before in the blog: it has the latest articles, hot articles and random articles.
The first:: Checked
Today, start with the simplest, rewrite the existing tab tab switch functionality into a JavaScript plug-in form.
The writing of the native function
The easiest way to overwrite a JavaScript method with a JS plug-in is to mount this method under the Window global object
Let's take a look at the most primitive code that uses the function notation:
Tab.html
H.css
@charset "Utf-8";
/*//aut
The daily required Tab plug-in of Bootstrap. You can use this plug-in to place the content on a Tab, capsule Tab, or even a drop-down menu Tab, if you are interested, you can refer to tabs. By combining some data attributes, you can easily create a Tab page.
"If you want to
This article to share is the Personal Package tab special effects Plug-ins, very simple and practical, attached to the use and examples, the need for small partners can refer to.
In the development of the Web site will often use the TAB function, in order to save the time to write code, encapsulating the tab plug-in, easy to invoke.
Create a
In the development of the Web site will often use the TAB function, in order to save the time to write code, encapsulating the tab plug-in, easy to invoke.
Create a TAB component
How to use: HTML structure
JS Call
$ (' #tab '). tabs ();
Related parameter Description:
Initialization par
Operation Steps:
When using Internet Explorer 7 and Internet Explorer 8 and newer versions of IE, we open a link in a new tab, but always want to switch directly to a new tab instead of staying on the current tab. How do you operate this?
In IE, click to open the Tools menu-> Internet options. (If the menu bar does not appear, press the ALT key)
On the
This article illustrates the tab-tab effect Code of the jquery implementation scrolling switch. Share to everyone for your reference. Specifically as follows:
Here is the JQuery tab tab scrolling Dynamic switch code, it seems very personalized page tabs, no border modification, but very simple and generous, the
By the way also found a number of excellent tab tab examples, here to share with you. Of course, in the end I did not use idtabs as well as any of the following examples, I was very unconvinced that I wrote a small plug-in, is not perfect, it is not shared. Let's take a look at the Great variety of tab tabs of the foreigners based on jquery:
1. JQuery
Friends who have used the Firefox browser know that Firefox can open a new window in the new tab, this design can help users to open the number of browser windows as little as possible, not only can save system resources, but also very convenient operation.
After IE6.0, Microsoft has launched the IE7.0 and IE8.0 version, in fact, two version allows users to open a new tab in the window, but need to do some
Reprint Please specify source: http://blog.csdn.net/yangyu20121224/article/details/9050573In the previous article, we just had a general understanding of the simple usage of the Actionbar class, and today I will continue to take a more in-depth look at the examples.First, Implement TAB Options tabWhen you want to provide tab tabs in an activity, using the Tab
1. Basic way: By defining the way of HTML and items.
2. Read other HTML information: By setting Contentel you can get additional HTML information for the current tab body.
3. Read service-side data: To obtain server-side data by defining autoload asynchronous methods.
In addition, each tab can be set whether it can be closed, when the tab entry event, and the
The example of this article describes the JS implementation of imitation Baidu can repeatedly call the TAB switch tab effect. Share to everyone for your reference. Specifically as follows:
This is a tab tab code that can be called multiple times on the same page, imitation Baidu the
First, let's take a look at what is Word's tab stop and how it works!
I. The concept and function of the tab position
A tab stop is a position on a horizontal ruler that specifies the distance from which text is indented or where a column of text begins, allowing the user to align lines to the left, right, or center, or to snap text to a decimal or vertical bar
The effect is as follows
Instance Code
The code is as follows
Copy Code
. demo {width:980px;margin:0px Auto;}. demo H1 {margin:33px 0 25px;}. demo H3 {margin:10px 0;}Pre {Background: #fff;}@media only screen and (max-width:780px) {. demo {margin:5%;width:90%;}. how-use {Float:left;width:300px;Display:none;}}#tabInfo {Display:none;} Selected tab: Here are the Markup for Tabs structure: Call the Eas
The Common tab effect is summarized before the plugin is written, and in general there are several effects. Plug-ins strive to be simple and easy to use, as long as the common functions can be achieved.
Parameter description:Event• Trigger tab event type, mouse hover: mouseover, mouse click: click, Default for MouseOver.Timeout• Event latency, in milliseconds, by default of 0.Auto• Auto switch, in millisec
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.