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{
Brief introductionIn the previous article, we used Avalondock to implement a tab similar to VS (or a browser's tab) effect. But we are implementing it through XAML code.Now we are trying to implement the dynamic addition of the tab through C # code.modifying XAML codeIn the XAML code for the previous article, add the following code: grid.rowdefinitions>
The last time we talked about how to configure tabs/spaces in vim. Recently, many web pages are written. You do not want to replace the tab when editing HTML, and one tab occupies two spaces. You still need to use four spaces when editing other files. Finally, we found this method:
In. vimrc:
Autocmd bufnewfile, bufread *. html, *. htm, *. CSS, *. js set noexpandtab tabstop =
Note that the red box above is the anchor of the disguised use of ID can also be implemented. Compatible ie6+ for mobile phone tab simple no script requiredIn fact, can also use Css3:target implementation, here is not much to do introduction, the principle is similar, are anchor points, compatible with ie9+Here is the source code copy observation CSS Tab TAB
Code requirements do not agree to the use of tab, but there are 4 characters of indentation, even point 4 times space, this is not the style of the program apeLet's take a look at Eclipse setting the conversion of tab spaceFor example, the following actionsWindow->preferences based on Kr clone a new code styleChange indent style indent size to 4, or 4 characters, OK finishedwatermark/
The tab in the previous article has the following problem: encapsulate the logic in table. in js, It is not flexible enough. That is to say, if a tab implements asynchronous requests or redirects, rather than div explicit/hidden switching, You have to repair the table. js to achieve the goal, obviously not what I need. Return to original. After the style switch, return the control to the page, that is, tabl
Return to original. After the style switch, return the control to the page, that is, table. js only controls the switching style and record operations:
CopyCode The Code is as follows:
Option 1
Option 2
Option 3
Option 4
Option 5
This is the content of the first tab.
This is the content of the second tab.
This is the content of the third
This is the second article. For the first article, referThe Tab page is implemented using jQuery and Ajax technologies.Code features:1. Fully implement the Tab logic function. The Tab style is completely controlled by the front-end code and flexible.2. the tab trigger event
1-2 output the sum of squares and cubes of N numbers
Time Limit: 1000 ms memory limit: 65536 K
Description
You can use this exercise to master the input and output methods of C ++.
Use the VC ++ development environment to create a console application. Use the CIN and cout statements to allow the program to output the corresponding sum of squares and cubes based on the input integer.Input
An integerOutput
Consists of two parts, the first part occup
1. Do not inherit TabActivity
2. Define TabHost in the layout
Note: The TabWidget id must be @ android: id/tabs, and the FrameLayout id must be @ android: id/tabcontent.
Java code:
Package yc. demo;
Import android. app. Activity;
Import android. OS. Bundle;
Import android. widget. TabHost;
Import android. widget. TabHost. TabSpec;
Public class TabhostDemo1Activity extends Activity {
/** Called when the activity is first created .*/
@ Override
P
In the previous article, we talked about how TabActivity and TabHost work together. Here, we will talk about method 2. In fact, the layout files of method 1 and method 2 are similar, but they can be independent. Of course, there are also some differences. For example, when you click the top Tab, the page Jump Event Response implementation is also different. For d
DOCTYPE HTML>HTML>Head>MetaCharSet= "Utf-8">title>Untitled Documenttitle>style>#div1. Active{background:Yellow;}#div1 Div{width:200px;Height:200px;background:#CCC;Border:1px solid #999;Display:None;}style>Script>window.onload=function (){ varOdiv=document.getElementById ('Div1'); //get an element with ID Div1 varabtn=Odiv.getelementsbytagname ('input'); varAdiv=Odiv.getelementsbytagname ('Div'); for(varI=0; IAbtn.length;i++) {Abtn[i].index=i; //the index value of the INPUT element is set
One, html-form part1. Button:2. Text box:3. Password: 4. Radio: for = "male" > Male 5. check box:6. Drop-down menu:* If you want to become a check, add Muiltiple. The user uses CTRL to implement multiple selections.multiple= "multiple">You can also change the size of the drop-down box (Select) by using a Size property7. Upload CONTROLS:8, multi-line input box:9. Reset button:10. Submit button:11. Picture button:12. Hidden fields:Second, CSS style pa
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.