jquery实现菜单联动
jquery是一款重要的HTML前端开源的Js框架，用于一段简单的代码实现原生js多行代码的实现的动态。使用jqeury来实现HTML中的菜单之间的联动，胜过使用原生Js代码实现菜单联动的效果要优胜一些，而且代码量以比原生js写出来的少。
东西/原料
- Jquery3.2.1
- 肆意编纂器
方式/步调
- 1
在桌面建立一个文件夹，名称为tabBar。同时在该文件夹下有建立Js，css等文件夹，一个用于存放Js文件，一个存放css样式文件。建立好该文件夹之后，下载Jqueyr.js文件
- 2
在tabBar文件中，建立index.html的文件，在该文件中建立一个一级菜单和二级菜单的样式模子。并在css中建立index.css文件。用来编写index.html中的样式。而又在js中建立index.js文件。用于实现index.html中的菜单之间的联动
- 3
编写index.html中的营业逻辑，在此中引入index.js,jquery.js和index.css的文件，每一个文件对于的每一个营业板块。在index.html中本家儿要用于页面的整体结构。利用Header标签嵌套div来实现页面顶部导航条的实现。本家儿要跟css文件一路实现页面的结构
- 4
打开Index.js进行菜单联动的js动态事务绑定。利用jqeury方式来实现该功能的实现，利用jquery中的hide()和show()方式来视线二级菜单的显示和埋没的功能。
END
注重事项
- 在引入jquery的时辰，需要对jquery-3.2.1.js进行重定名
- 发表于 2020-05-24 19:00
- 阅读 ( 745 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章