该博客介绍了一种通过jQuery实现导航栏内容动态切换的方法，包括创建页面按钮、处理点击事件以及数据交互。重点在于利用JavaScript的getAttribute方法获取data-id属性值，结合DOM操作实现导航栏页面的切换，同时关注按钮动效和页面流畅性。
通过jq控制导航栏
想法:用js类方法做出转换导航栏
使导航栏内容发生变化
总结：控制导航栏转换要注意控制的页面的添加于删除;
难点:如何通过返回值控制导航栏转换；
按钮的位置和切换时的效果流畅；
效果：导航栏切换；
点击相应的按钮转到相应页面；
**注意:**vlaue需要转换
getAttribute是返回所选属性值
data-id只是行内存放数据的一个标签
总过程：
先写转变页面
用button按钮来转换页面
点击完成切换
过程：
Html部分：
创建包裹层div
建立控制三个页面的按钮
data-id只是行内存放数据的一个标签
在HTML中我们可以使用这个为前缀来设置需要的自定义属性，来进行数据的存放
设置两个自定义属性用来接收数据 再加一个value来存储数据
写div样式给与id和类名
这里写三个相同的
Js(jq部分):
创建方法；
最低0.47元/天 解锁文章
651
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
