網頁設計 導航條 下拉列表

2022-09-23 21:15:19 字數 1830 閱讀 9858

導航條下拉列表效果

1.導航條下拉html**:

1

2<

div

class

="tn**"

>

3<

div

class

="tn**_c"

>

4<

ul>

5<

li><

a href

="#"

>首頁

a>

li>

6<

li><

a href

="#"

a>

7<

ul class

="n**2"

>

8<

li><

a href

="#"

a>

li>

9<

li><

a href

="#"

a>

li>

10<

li><

a href

="#"

a>

li>

11ul

>

12li

>

13<

li><

a href

="#"

>業務合作

a>

14<

ul class

="n**2"

>

15<

li><

a href

="#"

>業務合作

a>

li>

16<

li><

a href

="#"

>業務合作

a>

li>

17<

li><

a href

="#"

>業務合作

a>

li>

18ul

>

19li

>

20<

li><

a href

="#"

>新聞中心

a>

li>

21<

li><

a href

="#"

a>

li>

22ul

>

23div

>

24div

>

25

2.導航條下拉js**:

1

//新導航下拉2022.2.23

2 $(".tn** ul li").mouseenter(function

());

5 $(".tn** ul li").mousele**e(function

());

3.導航條下拉css**:

/*

2022.2.22 導航條

*/.tn**.tn** .tn**_c.tn**_c>ul>li.tn**_c ul li a.tn**_c ul li:hover

/*導航條下拉列表

*/.tn** ul.tn**_c li ul.tn**_c .n**2 li.tn**_c li ul a.tn** .n**2 li:hover.tn** .n**2 li:hover a

4.導航條下拉列表效果圖:

5.感謝大家的支援!

網頁設計 導航條

網頁設計,很多時候會用到導航條,如何製作乙個簡單的導航條呢?步驟如下 1.導航條html div class tn div class tn c ul li a href 首頁 a li li a href a li li a href 業務合作 a li li a href 新聞中心 a li l...

網頁導航條定位

menu.active.menu scroll.hide menu scroll.menu scroll ul.menu scroll ul liaa.view.article div class menu div class menu scroll ul class hide menu scrol...

IDA的導航條

ida是乙個功能非常強大的反彙編工具,工具提供的工具也很多。只有在多多使用之後才會發現它的精細之處.導航條 也許你之前一直忽視它的存在,有一天你會發現稱它的 導航 並非浪得虛名 藍色 text section 深藍 使用者自己寫的函式編譯後的 區 淺藍 編譯器自己新增的函式,像啟動函式,異常函式等 ...