jq功能選項卡

2022-06-26 21:12:12 字數 1697 閱讀 4834

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>功能選項卡

title

>

<

script

src="jquery-1.8.3.min.js"

>

script

>

<

style

>

.nr2

.nr2 ul li

.nr2 ul li:hover

.nr2 ul li.on

.nr3

.nr3 div

.nr3 div:first-child

style

>

head

>

<

body

>

<

div

class

="fr wow slideinright"

data-wow-offset

="1"

data-wow-iteration

="1"

>

<

div

class

="nr2"

>

<

ul>

<

li class

="on"

>

<

p>臨床專長

p>

li>

<

li>

<

p>研究方向

p>

li>

<

li>

<

p>其他兼職

p>

li>

<

li>

<

p>主要經歷

p>

li>

<

li>

<

p>所獲獎勵

p>

li>

<

li>

<

p>主要貢獻

p>

li>

ul>

div>

<

div

class

="nr3"

>

<

div>臨床專長

div>

<

div>研究方向

div>

<

div>其他兼職

div>

<

div>主要經歷

div>

<

div>所獲獎勵

div>

<

div>主要貢獻

div>

div>

div>

body

>

<

script

>$("

.nr2 li

").click(

function

());

script

>

html

>

選項卡套選項卡

實現 項卡套小選項卡 項卡切換同時小選項卡也進行切換,且每次 項卡的切換是在小選項卡切換完後進行 大的外層的選項卡 大的選項卡內部有乙個小的選項卡 功能 自動切換 滑鼠經過切換 方案一 不可行 開兩個定時器,乙個控制外層選卡,乙個控制內層選卡。仔細分析發現,外層選項卡的切換是需要在內層選卡全部切換完...

vue 選項卡 typecho tabs選項卡外掛程式

在看技術文件的時候發現使用選項卡來呈現示例 是個很不錯的方式,既可以節約版面空間還清晰明了,比如下面這個簡單的vue宣告式渲染demo 實際執行效果 明顯比順序排下來好多了,剛開始在網上搜尋typecho此類外掛程式一直沒有找到,所以乾脆自己動手擼乙個,最後就在typecho的預設helloworl...

web開發》選項卡切換功能

效果 滑鼠移動到某個選項卡就顯示哪個 原理 下面是5個對應的div,上面的選項卡滑鼠移動到哪個就讓對應的div顯示其他的隱藏。id detail title nm use ver showdiv 1 href 商品詳情 nm use ver showdiv 2 href nm use ver sho...