Django橫向二級導航欄(滑鼠懸空事件)

2022-10-10 11:21:05 字數 2118 閱讀 4303

1

doctype html

>

2<

html

lang

="en"

xmlns

="">

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

> base模板

title

>

6<

style

>

7th

8tbody

9tfoot

1011

#header

17/*

設定整個導航欄樣式

*/18

#n**

26#n** a,ul

31/*

一級導航欄樣式

*/32

#n** ul li

35/*

一級導航欄滑鼠懸停樣式

*/36

#n** ul li:hover

39/*

繫結一級導航欄與二級導航欄樣式

*/40

#n** ul li:hover ul

44/*

二級導航欄樣式

*/45

#n** ul li ul

51#n** ul li ul li

54/*

二級導航欄滑鼠懸停樣式

*/55

#n** ul li ul li:hover

59#footer

66style

>

6768

6970

head

>

71<

body

>

72<

div

id="header"

>

73<

h1 >測試工具

h1>

74div

>

7576

<

div

id="n**"

>

77<

ul>

78<

li><

a href

>主頁

a>

li>

79<

li><

a href

>主目錄1號

a>

80<

ul>

81<

li><

a href

>子項001

a>

li>

82<

li><

a href

>子項002

a>

li>

83ul

>

li>

84<

li><

a href

="#"

>目錄2號

a>

85<

ul>

86<

li><

a href

>11111111111

a>

li>

87<

li><

a href

>22222222222

a>

li>

88<

li><

a href

>33333333333333

a>

li>

89ul

>

li>

90ul

>

91div

>

9293

主頁94

9596

<

div

id="footer"

>

97已經沒有了

98div

>

99100

body

>

101html

>

結果如下:

vue高亮一級 二級導航

使用vue開發過程中有的專案會存在多級導航的情況,如下圖,這種就存在了兩層,那麼該如何高亮一級導航,又該如何高亮二級導航這就是今天我要記錄的內容。1 高亮一級導航很簡單,如下 點選一級導航 changefirstlevel index,e 2 高亮二級導航,如下 view部分 點選二級導航 chan...

站點二級導航標題特效

非常多站點已經不滿足於一級標題的展示,可能非常多的時候有二級標題,標題等等。那麼怎樣設定二級標題以及怎樣把二級標題做的好看呢。以下的 中注意 1.為了讓二級標題有漸隱漸現的感覺,用了transition樣式 2.二級標題的定位始終是乙個困擾我好久的難題。要確保一級標題有position屬性 不能沒有...

PHPCMS V9 新增二級導航

今天看了看phpcms 寫到二級導航時發現點問題,查詢導航欄的資訊時返回的 r arrchildid 與自己想象的不符,文件上說是返回子欄目id但是卻有些不同。開始的思路 1 1518 19 20 21 大致思路 查詢該文件下是否有子欄目id,如果有則輸出二級導航。中第5行是檢測該欄目下是否有子欄目...