6 練習 下拉列表

2022-06-29 22:03:11 字數 3125 閱讀 4369

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>

title

>

<

style

>

*.menuula

.menu>ul>li

.menu>ul>li>a

ul ul a

ul ul

ul ul li

style

>

<

script

src="../jquery/jquery-3.3.1.js"

>

script

>

<

script

>

$(document).ready(

function

() );

});script

>

head

>

<

body

>

<

div

class

="menu"

>

<

ul>

<

li>

<

a href

="#"

class

="ll"

>我的教學

a>

<

ul>

<

li><

a href

="#"

>學籍資訊

a>

li>

<

li><

a href

="#"

>培養計畫

a>

li>

<

li><

a href

="#"

>成績查詢

a>

li>

<

li><

a href

="#"

>選課

a>

li>

<

li><

a href

="#"

>已選課程查詢

a>

li>

<

li><

a href

="#"

>我的課表

a>

li>

<

li><

a href

="#"

>考試查詢

a>

li>

<

li><

a href

="#"

>免修申請

a>

li>

<

li><

a href

="#"

>緩考申請

a>

li>

<

li><

a href

="#"

>清考報名

a>

li>

<

li><

a href

="#"

>我的預警

a>

li>

<

li><

a href

="#"

>學費繳費資訊查詢

a>

li>

<

li><

a href

="#"

>校外成績(四六級)

a>

li>

<

li><

a href

="#"

>轉專業申請

a>

li>

<

li><

a href

="#"

>教材訂購

a>

li>

<

li><

a href

="#"

>離校人員資訊

a>

li>

<

li><

a href

="#"

>雙學位報名

a>

li>

<

li><

a href

="#"

>畢業**

a>

li>

ul>

li>

<

li>

<

a href

="#"

class

="ll"

>量化評教

a>

<

ul>

<

li><

a href

="#"

>學生評教課程

a>

li>

ul>

li>

<

li>

<

a href

="#"

class

="ll"

>公共服務

a>

<

ul>

<

li><

a href

="#"

>教室借用

a>

li>

<

li><

a href

="#"

>全校開課查詢

a>

li>

<

li><

a href

="#"

>站內訊息

a>

li>

<

li><

a href

="#"

>第三方授權管理

a>

li>

ul>

li>

ul>

div>

body

>

html

>

html css練習(二)下拉列表

1.文字下拉列表 2.按鈕下拉列表 效果 當滑鼠放在文字上時,出現下拉列表 doctype html en utf 8 5.下拉列表 title 滑鼠放的地方 dropdown dropdown content 組合選擇器 dropdown hover dropdown content style ...

jquery下拉列表

由於需要 用以前發過的摺疊選單原始碼改了一下 做成了下拉列表 感覺還不錯 留著以後使用 首頁主選單.子選單.子選單.子選單.子選單.子選單.子選單.主選單.子選單.子選單.子選單.子選單.子選單.子選單.主選單.子選單.子選單.子選單.子選單.子選單.子選單.主選單.子選單.子選單.子選單.子選單....

Bootstrap下拉列表

使用下拉列表 dropdown 外掛程式,能夠向不論什麼元件 比方導航欄 標籤頁 膠囊式導航選單 button等 加入下拉列表。假設想要單獨引用該外掛程式的功能,那麼須要引用 dropdown.js。或者能夠引入bootstrap.js或壓縮版的bootstrap.min.js。通過 data 屬性...