bootstrap和vue哪個好?
這兩種技術沒有可比性:Bootstrap是webUI框架,Vue是Js封裝的庫,兩者都很不錯,是目前最流行的開發web前端的工具。根據題主提出的問題,建議先學習HTML、CSS、Javascript、Jqu
jside怎么用?
在頁面中引入jquery和文件,以及jside-menu.css和jside-skins.css文件。
ltlinkrel#34stylesheet#34href#34CSS/jside-menu.CSS#34/gt
ltlinkrel#34stylesheet#34href#34CSS/jside-skins.CSS#34/gt
ltscriptsrc#34js/jquery.min.js#34type#34text/Javascript#34gtlt/scriptgt
ltscriptsrc##34gtlt/scriptgt
HTML代碼:
然后使用下面的HTML結構創建一個菜單。
ltdivclass#34menu-head#34gt
ltspanclass#34layer#34gt
ltdivclass#34col#34gt
ltdivclass#34rowfor-pic#34gt
ltdivclass#34profile-pic#34gt
ltimgsrc##34alt#34profile#34/gt
lt/divgt
lt/divgt
ltdivclass#34rowfor-name#34gt
lth3title#用戶名#34gt用戶名lt/h3gt
ltspanclass#34tagline#34gttaglinelt/spangt
lt/divgt
lt/divgt
lt/spangt
lt/divgt
ltnavclass#34menu-container#34gt
ltulclass#34menu-items#34gt
ltligtltspanclass#34item-icon#34gtlticlass#34zmdizmdi-Android#34gtlt/igtlt/spangtLTAhref#34#1#34gt主項目一lt/agtlt/ligt
ltligtltspanclass#34item-icon#34gtLTIclass#34zmdizmdi-apple#34gtlt/IGTlt/spangtLTAhref#34#1#34gt主要項目二lt/agtlt/ligt
ltliclass#34has-sub#34gtltspanclass#34Item-icon#34gtLTIclass#34zmdizmdi-windows#34gtlt/IGTlt/spangtltspanclass#34dropdown-heading#34gtItemthreewithdropdownlt/spangt
ltulgt
ltligtltahref#34#2#下拉子項目1lt/agtlt/ligt
ltligtltahref#34#2#34gt下拉子項目2lt/agtlt/ligt
ltligtltahref#34#2#34gt下拉子項目3lt/agtlt/ligt
...
lt/ulgt
lt/ligt
ltliclass#34has-sub#34gtltspanclass#34Item-icon#34gtLTIclass#34zmdizmdi-devices#34gtlt/IGTlt/spangtltspanclass#34dropdown-heading#34gtItemfourwithdropdownlt/spangt
ltulgt
ltligtltahref#34#2#34gtsub項目1lt/agtlt/ligt
ltligtltahref#34#2#34gtsub項目2lt/agtlt/ligt
ltligtltahref#34#2#34gtsub項目3lt/agtlt/ligt
...
lt/ulgt
lt/ligt
ltligtltspanclass#34item-icon#34gtLTIclass#34zmdizmdi-keyboard#34gtlt/IGTlt/spangtLTAhref#34#1#34gtMain第四項lt/agtlt/ligt
ltligtltspanclass#34item-icon#34gtLTIclass#34zmdizmdi-dock#34gtlt/IGTlt/spangtLTAhref#34#1#34gt主要項目五lt/agtlt/ligt
lt/ulgt
lt/navgt
也使用div創建一個遮罩層。
ltdivclass#34dim-ov:#34位置-右側#34
})
您也可以將側邊欄設為靜態。
$(##34).jSideMenu({
jSideSticky:假
})
插件內置了多種側邊欄皮膚,可以根據需要進行切換。
$(##34).jSid:#34默認皮膚#34
})
可用皮膚:
閃爍(光)
FB-
月光照耀的
公園生活
d2f
鋼鐵俠
紫色
云層之間
瘋狂橙色
無盡的河流
jQuery滑動工具條插件的github地址是: