使用母版页实现多级菜单以及一些简单的功能的实现,下面就让我来一一演示!

1、新建项目—>再建一个母版页,如下:asp.net母版页实现多级菜单

2、建好之后我们就得给它添加内容,用两种方法
(1)、选中母版页—>添加内容页,然后直接在里面填写你所需内容即可!asp.net母版页实现多级菜单
(2)、这种方法是建一个普通的窗体,通过后面的代码来实现!图中红色方框里的内容就可以干掉了。然后选择MasterPageFile为你建的那个母版,再新建如二图所示,ID对应为刚开始建的那个母版页的ID一致!asp.net母版页实现多级菜单asp.net母版页实现多级菜单
3、在第一个母版页里面填写一些内容,我写了几个简单的a标签,接着新建一个嵌套母版页,如图。(选择你想要嵌套的母版页)asp.net母版页实现多级菜单
4、这里我们就做一个简单的二级选择,在嵌套母版里加一个想要字窗体来填写的“坑”,我们可以直接把第一个母版页里的代码复制过过来。并把ID给改掉,因为这个ID已经存在了,免得填充的时候会出错!asp.net母版页实现多级菜单
asp.net母版页实现多级菜单
5、为我们的嵌套母版页添加内容页,同上,MasterPageFile对应为嵌套的母版页。asp.net母版页实现多级菜单asp.net母版页实现多级菜单
就是当我选择咨询的时候在弹出下拉选项可供选择。如图:asp.net母版页实现多级菜单
6、设置选中项的样式(简单变个色)效果如下:asp.net母版页实现多级菜单
7、页面代码如下:asp.net母版页实现多级菜单asp.net母版页实现多级菜单
对应页面给定poi值即可,从0开始,嵌套母版页同理。
总结:主要是获取到div中的a标签,调用方法对应传值改变a标签的颜色即可。文章中有几处值得注意:
1、嵌套母版页的填充内容需要添加,ID容易重复。
2、就是当我们选择了咨询的时候,再点击它下面的选项两个都应该改变颜色,第一次点击咨询的时候window.onload调用的是isChange这个方法,传了一个1过去,但是当我们选择它下面的项的时候颜色就没有了,这是因为受window.onload的影响,这时候把这个方法放到towChange这个方法中即可!

个人理解!!!

相关文章: