search

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
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:01:081185browse

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

Statement：
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
Previous article：How to build a great mobile website? Google experts teach you 25 tricks (5) [Transfer]_html/css_WEB-ITnoseNext article：How to build a great mobile website? Google experts teach you 25 tricks (5) [Transfer]_html/css_WEB-ITnose

Related articles

See more