切换导航

开发工具与关键技术:VS中切换导航
作者:木有窝的鸟~小通
撰写时间:2019年5月16日

在C#的语言中,我们学习了很多有关各种各样的小技巧,而每个小技巧都有它独特的魅力,不同的是它们可以紧密起来构成许许多多的功能。在项目中经常会出现很多问题,这时候就需要自个去探索解决方法,寻求解决的奥妙。
下面这个导航切换,其实也有很多来自其他人不同的看法,我觉得切换模块导航是一个重要的模块,做项目很多时候都需要导航切换的需要,项目中不同导航可能来自不同的模块,其中题目导航是一种常见的导航模块。
在这里插入图片描述
而点击某个模块就能切换到另一个题目导航,如下:

在这里插入图片描述
这仅仅只是点击了某个模块标题切换题目导航,而我实现它的方式其实就是用jquery代码。
首先得将所有的标题导航放到同一个DIV下面,然后在script中得控制后面模块标题题目导航,获取ID将它隐藏,再然后将获取主页面的ID,让它显示,如下:
$("#homepage").show();
$("#marketing").hide();
再然后呢,将获取指定的标题ID,点击它会显示,其他的标题题目导航都会隐藏,接着用类似的方法去隐藏另一个,以此类推。
如下:
$("#desktop").click(function () {
$("#homepage").show();
$("#marketing").hide();
$("#lease").hide(); });
上面的写标题ID,下面写导航的ID,其他的以此类推,达到切换效果。
然而在很多项目的模版里面都有它各自的特点,而导航切换其实在有些模版里边其实就已经封装好了,没必要我们去写代码实现导航切换,做项目之前也可以寻找适当的模版。如果确实有需要,也可以用上面最简单的方法去实现它。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值