2016 - 2024

感恩一路有你

jquery数字滚动插件 bootstrap和vue哪个好?

浏览量:3070 时间:2023-04-08 08:58:28 作者:采采

bootstrap和vue哪个好?

这两种技术没有可比性:Bootstrap是web UI框架,Vue是Js封装的库,两者都很不错,是目前最流行的开发web前端的工具。根据题主提出的问题,建议先学习HTML、CSS、JavaScript、Jqu

jside怎么用?

在页面中引入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结构创建一个菜单。

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 #用户名#34gt用户名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主项目一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主要项目二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 #下拉子项目1 lt/agt lt/ligt

ltligt lta href#34#2#34gt下拉子项目2 lt/agt lt/ligt

ltligt lta href#34#2#34gt下拉子项目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项目1 lt/agt lt/ligt

ltligt lta href#34#2#34gtsub项目2 lt/agt lt/ligt

ltligt lta href#34#2#34gtsub项目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第四项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主要项目五lt/agtlt/ligt

lt/ulgt

lt/navgt

也使用div创建一个遮罩层。

lt div class # 34 dim-ov: #34位置-右侧# 34

})

您也可以将侧边栏设为静态。

$(##34).jSideMenu({

jSideSticky:假

})

插件内置了多种侧边栏皮肤,可以根据需要进行切换。

$(##34).jSid: #34默认皮肤# 34

})

可用皮肤:

闪烁(光)

FB-

月光照耀的

公园生活

d2f

钢铁侠

紫色

云层之间

疯狂橙色

无尽的河流

jQuery滑动工具条插件的github地址是:

#34gt 项目 HTML icon # 34gt LTI class # 34 zmdi zmdi

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。