bootstrap和vue哪個(gè)好？這兩種技術(shù)沒(méi)有可比性:Bootstrap是web UI框架，Vue是Js封裝的庫(kù)，兩者都很不錯(cuò)，是目前最流行的開(kāi)發(fā)web前端的工具。根據(jù)題主提出的問(wèn)題，建議先學(xué)習(xí)HT

bootstrap和vue哪個(gè)好？

這兩種技術(shù)沒(méi)有可比性:Bootstrap是web UI框架，Vue是Js封裝的庫(kù)，兩者都很不錯(cuò)，是目前最流行的開(kāi)發(fā)web前端的工具。根據(jù)題主提出的問(wèn)題，建議先學(xué)習(xí)HTML、CSS、JavaScript、Jqu

jside怎么用？

在頁(yè)面中引入jquery和文件，以及jside-menu.css和jside-skins.css文件。

lt link rel # 34 style sheet # 34 href # 34 CSS/jside-menu . CSS # 34/gt

lt link rel # 34 style sheet # 34 href # 34 CSS/jside-skins . CSS # 34/gt

lt script src # 34js/jquery . min . js # 34 type # 34 text/JavaScript # 34 gtlt/script gt

ltscript src##34gtlt/scriptgt

HTML代碼:

然后使用下面的HTML結(jié)構(gòu)創(chuàng)建一個(gè)菜單。

ltdiv class#34menu-head#34gt

ltspan class#34layer#34gt

ltdiv class#34col#34gt

ltdiv class#34row for-pic#34gt

ltdiv class#34profile-pic#34gt

ltimg src # # 34 alt # 34 profile # 34/gt

lt/divgt

lt/divgt

ltdiv class#34row for-name#34gt

lth3 title #用戶(hù)名#34gt用戶(hù)名lt/h3gt

lt span class # 34 tagline # 34gt tagline lt/spangt

lt/divgt

lt/divgt

lt/spangt

lt/divgt

lt nav class # 34 menu-container # 34gt

ltul class#34menu-items#34gt

ltligtltspan class # 34 item-icon # 34 gtlti class # 34 zmdi zmdi-Android # 34 gtlt/igtlt/spangt LTA href # 34 # 1 # 34gt主項(xiàng)目一lt/agtlt/ligt

lt ligt lt span class # 34 item-icon # 34gt LTI class # 34 zmdi zmdi-apple # 34gt lt/IGT lt/spangt LTA href # 34 # 1 # 34gt主要項(xiàng)目二lt/agtlt/ligt

ltli class # 34 has-sub # 34gt ltspan class # 34 Item-icon # 34gt LTI class # 34 zmdi zmdi-windows # 34gt lt/IGT lt/spangt ltspan class # 34 drop down-heading # 34gt Item three with drop down lt/spangt

ltulgt

ltligt lta href # 34 # 2 #下拉子項(xiàng)目1 lt/agt lt/ligt

ltligt lta href#34#2#34gt下拉子項(xiàng)目2 lt/agt lt/ligt

ltligt lta href#34#2#34gt下拉子項(xiàng)目3 lt/agt lt/ligt

...

lt/ulgt

lt/ligt

ltli class # 34 has-sub # 34gt ltspan class # 34 Item-icon # 34gt LTI class # 34 zmdi zmdi-devices # 34gt lt/IGT lt/spangt ltspan class # 34 drop down-heading # 34gt Item four with drop down lt/spangt

ltulgt

ltligt lta href#34#2#34gtsub項(xiàng)目1 lt/agt lt/ligt

ltligt lta href#34#2#34gtsub項(xiàng)目2 lt/agt lt/ligt

ltligt lta href#34#2#34gtsub項(xiàng)目3 lt/agt lt/ligt

...

lt/ulgt

lt/ligt

lt ligt lt span class # 34 item-icon # 34gt LTI class # 34 zmdi zmdi-keyboard # 34g tlt/IGT lt/spangt LTA href # 34 # 1 # 34gt Main第四項(xiàng)lt/agtlt/ligt

lt ligt lt span class # 34 item-icon # 34gt LTI class # 34 zmdi zmdi-dock # 34gt lt/IGT lt/spangt LTA href # 34 # 1 # 34gt主要項(xiàng)目五lt/agtlt/ligt

lt/ulgt

lt/navgt

也使用div創(chuàng)建一個(gè)遮罩層。

lt div class # 34 dim-ov: #34位置-右側(cè)# 34

})

您也可以將側(cè)邊欄設(shè)為靜態(tài)。

$(##34).jSideMenu({

jSideSticky:假

})

插件內(nèi)置了多種側(cè)邊欄皮膚，可以根據(jù)需要進(jìn)行切換。

$(##34).jSid: #34默認(rèn)皮膚# 34

})

可用皮膚:

閃爍（光）

FB-

月光照耀的

公園生活

d2f

鋼鐵俠

紫色

云層之間

瘋狂橙色

無(wú)盡的河流

jQuery滑動(dòng)工具條插件的github地址是: