Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > idTabs based on JQuery selects Tab plug-in based on URL parameters_jquery

idTabs based on JQuery selects Tab plug-in based on URL parameters_jquery

WBOY

Release： 2016-05-16 17:54:38

Original

1372 people have browsed it

In order to do this, in addition to the jquery library and idTabs plug-in, we also need to download a plug-in for making URLs: jquery.url.js, portal: https://github.com/allmarkedup/jQuery-URL -Parser
(The above link may be wrong. If it cannot be used, you can download it here )
Script House provides idtabs package downloadhttp://www.jb51 .net/jiaoben/43086.html
The HTML code of the Tab menu is written like this. The div of each tab is done by yourself, and the page is not wasted without sending it out:

Copy code The code is as follows:

< ;a href="#idTab1">Dashboard

Tracker

Documents

Collaboration< ;/li>
Knowledge Mapping

Note, be sure not to add class="idTabs" to ul, that is, do not use the javascript-free writing method on SunSean's official website.
The script part is written like this:

Copy code The code is as follows:

There are pictures and the truth:

Related labels：

idTabs Tab插件

source：php.cn

Previous article：JavaScript Basics (1)_Basic Knowledge Next article：JavaScript Basics: Operators and Statements (2)_Basic Knowledge

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