wss如何将顶部导航栏作成下拉菜单

原创 2007年09月17日 21:33:00

当子网站太多时,会在顶部导航栏排成一长排,很难看,这时候,做成下拉菜单的样子就好看的多了。

那么如何实现呢?在wss 3.0中是不能直接修改导航栏的选项的(moss似乎有,求证),所以需要我们写代码来实现。

zizi在网上查阅到的大部分资料都是修改母页版。找到网站集主页的default.master,用sharepoint designer打开 ,找到代码如下图:

 

      ID="TopNavigationMenu"
      Runat
="server"
      DataSourceID
="topSiteMap"
      EnableViewState
="false"
      AccessKey
="<%$Resources:wss,navigation_accesskey%>"
      Orientation
="Horizontal"
      StaticDisplayLevels
="1"
      MaximumDynamicDisplayLevels
="2"
      DynamicHorizontalOffset
="0"
      StaticPopoutImageUrl
="/_layouts/images/menudark.gif"
      StaticPopoutImageTextFormatString
=""
      DynamicHoverStyle
-BackColor="#CBE3F0"
      SkipLinkText
=""
      StaticSubMenuIndent
="0"

 

 

 

看到 “StaticDisplayLevels” 和“ MaximumDynamicDisplayLevels” 这两个属性。通过查阅msdn,找到“StaticDisplayLevels”是静态菜单的菜单显示级别数,默认值为 1;“ MaximumDynamicDisplayLevels”是动态菜单的菜单呈现级别数,默认值为 3。关于这两个属性,给出msdn的链接,有详细说明。http://msdn2.microsoft.com/zh-cn/library/system.web.ui.webcontrols.menu.staticdisplaylevels(VS.80).aspx

http://msdn2.microsoft.com/zh-cn/library/system.web.ui.webcontrols.menu.maximumdynamicdisplaylevels(VS.80).aspx

似乎把这两个属性的值改一改,就可以实现下拉菜单。那么是不是就这么简单呢?

很明显,这就和有人莫明其妙请我吃午饭一样不可能(当然zizi把这两个的值改了无数次,无果)。

那么该怎么办呢?俗话说得好,内事不决问老婆,外事不决问google。汗......还没老婆呢,问google吧。

查了好久,终于找到了办法。

建立一个控制台应用程序,部分代码如下:

 

            SPSite site = new SPSite("site url");
            SPWeb web 
= site.OpenWeb();
            SPList list 
= web.Lists[0];
            SPNavigationNode node 
= null;
            node 
= new SPNavigationNode("title""url"false);
            SPNavigationNode rootListLink 
= web.Navigation.TopNavigationBar[0];
            rootListLink.Children.AddAsFirst(node);

 

编译,调试。

刷新我们的wss站点看一下,如何?好了,终于实现了!

iOS 导航栏下拉菜单框

具体叫什么名称来着给忘了,在这里使用的是第三方的。应为我是用来做导航栏右侧按钮的下拉菜单按钮,多以就这么叫了。 先看一下效果图: 既然是第三方,首先是要导入库pod 'YCXMenu', '~> ...
  • shengdaVolleyball
  • shengdaVolleyball
  • 2016年08月30日 14:29
  • 2881

纯CSS的导航下拉菜单

写在案例前: 本案例并非原创,百度一搜“css下拉菜单”一定能看见一模一样的案例,而且不止一个,所以就仿照这个案例又自己做了一遍,并且总结一下自己遇到的一些问题结合思考给出的解决办法,虽然不...
  • chris_z_0622
  • chris_z_0622
  • 2017年04月04日 17:03
  • 3984

Android开发笔记(二十)顶部导航栏ActionBar

标题栏ActionBar ActionBar是在Android3.0之后引入的,所以Android2.x之前的版本不能直接使用ActionBar。现在ActionBar广泛用做APP的顶部导航栏,它在...
  • aqi00
  • aqi00
  • 2015年12月16日 17:12
  • 4624

自定义顶部导航栏-样式1

一般项目中经常会用到这样的导航栏,中间显示文字,左右显示图标,今天就来把代码理一理,实现这个功能。以后直接拿来用就好了。...
  • jdfkldjlkjdl
  • jdfkldjlkjdl
  • 2016年06月28日 19:52
  • 1267

如何将导航栏始终固定在窗口顶部:

如何将导航栏始终固定在窗口顶部: 在很多的网站导航栏或者类似于导航栏的一些功能一直能够固定在网页的顶部,就算是下拉滚动条也不会被窗口所遮挡,这样的功能往往非常的使用,下面就简单介绍一下如何实现此种功...
  • Johnny0991
  • Johnny0991
  • 2016年06月28日 21:38
  • 4589

利用ul 和 li 实现导航条上的下拉菜单

当鼠标移动到菜单上  出现下拉菜单 ,效果图要注意 ul 上移至 父元素li的位置,否则鼠标离开菜单时 下拉菜单就会消失,导致鼠标无法移动到下拉菜单上 html实现代码      ...
  • ybhjx
  • ybhjx
  • 2016年03月10日 16:17
  • 10166

利用JQuery实现顶部导航栏功能

今天给大家介绍一下,如何利用JQuery实现顶部导航栏功能。其实原理很简单就是利用css和JQuery样式选择器实现的。 下面举个例子具体介绍一下如何这些功能,案例如下: jQuery三级...
  • linzhiqiang0316
  • linzhiqiang0316
  • 2016年10月17日 15:38
  • 1489

自定义顶端顶部导航栏(可配合ViewPager使用)

最近做项目,需要有类似网易新闻顶端的导航栏的ui组件,但是就是有切换动画的那种,于是就自己动手写了一个,看了我的文章,如果有什么问题,欢迎大家交流哦。 实现原理:通过OnPageChangeLis...
  • woshizhushiqiu
  • woshizhushiqiu
  • 2016年10月13日 20:47
  • 547

TabLayout+ViewPager+Fragment实现顶部或底部导航栏

以前看慕课网的教程,写过一个微信Tab选项卡切换的例子,使用的是ViewPager+Fragment来实现的,说实话,当时为了实现一些效果,还是写了蛮多的代码,但是,今天介绍的TabLayout+Vi...
  • bingjianIT
  • bingjianIT
  • 2016年10月12日 19:01
  • 2631

TabLayout用法,android顶部导航栏,android底部导航栏

TabLayout是android.support.design里的一个控件,使用它可以很方便的做出顶部导航和底部导航。类似于这样的,能设置选中时字体的颜色和选中时的图片。 首先我们引入comp...
  • tianyaleixiaowu
  • tianyaleixiaowu
  • 2016年03月07日 17:19
  • 14197
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:wss如何将顶部导航栏作成下拉菜单
举报原因:
原因补充:

(最多只允许输入30个字)