Home > Web Front-end > HTML Tutorial > How to use jquery.idTabs_html/css_WEB-ITnose

How to use jquery.idTabs_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-06-24 12:01:08
Original
1183 people have browsed it

idTabs is a plug-in written and packaged based on Jquery. It is mainly used to implement the tab function. It is simple to operate. You only need to download the plug-in JS script file from the official website: http://www.sunsean.com/idTabs/ , and quote it to the website

The HTML layout and call of the page are as follows:




    ;Technical Introduction

                                          ''>Technical Advantages

                                                                                                         /li>

    Sample requirements


<&> & lt; div ID = 'tab0' & gt; 1 Relying on independent research and development technology platforms, it can provide conventional sequencing services and special sequencing services for the majority of scientific researchers to help your scientific research!
!
!
! Text & gt; & lt;/div & gt;

& lt; div id = 'tab4' & gt; 5111111111, relying on independent research and development technology platforms, can provide conventional sequencing services and special sequencing services for the majority of scientific researchers, for your scientific research Help us!







According to the official website prompts, writing the above code should be able to implement tabs, but unfortunately, the displayed effect is basically It is not the tab I want. After analysis, I found the reason. It turns out that it is lack of CSS style support. However, the official website does not provide relevant CSS style file downloads, so I can only write it myself:


After adding the CSS style effect, the effect will appear, as shown below:




The The article comes from my personal website: http://www.zuowenjun.cn/post/2014/07/26/Dream on the Journey-2-2-2-2-2.html

Related labels:
source:php.cn
Previous article:How to build a great mobile website? Google experts teach you 25 tricks (5) [Transfer]_html/css_WEB-ITnose Next article:Xinxing completely helps you solve the floating problem in CSS_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Objective-c - Constraints for iOS a warning issue
From 1970-01-01 08:00:00
0
0
0
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template