代码如下:
<asp:Menu DataSourceID="menuDataSource" ID="Menu" runat="server" Height="20px" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False" >
</asp:Menu > <asp:SiteMapDataSource runat="server" ID="menuDataSource" ShowStartingNode="false" />
怎么实现那种收缩菜单的效果
<asp:Menu DataSourceID="menuDataSource" ID="Menu" runat="server" Height="20px" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False" >
</asp:Menu > <asp:SiteMapDataSource runat="server" ID="menuDataSource" ShowStartingNode="false" />
怎么实现那种收缩菜单的效果
咋不用html标签+js啊
样式还好控制
项目是这样设计的,就是用menu 绑定的数据源,我只能改他的显示样式
<asp:Menu ID="Menu1" runat="server" Width="749px" Orientation="Horizontal" Height="29px" DynamicHorizontalOffset="20" style="text-align: left" StaticSubMenuIndent="0px" Font-Size="Medium">
<Items>
<asp:MenuItem Text="AAA" Value="AAA"></asp:MenuItem>
<asp:MenuItem Text="aaa" Value="aaa">
<asp:MenuItem ImageUrl="~/images/room.jpg" NavigateUrl="~/Room.aspx">
<asp:MenuItem ImageUrl="~/images/addRoom.jpg" NavigateUrl="~/AddRoom.aspx"></asp:MenuItem>
<asp:MenuItem ImageUrl="~/images/addRoomType.jpg" NavigateUrl="~/AddRoomType.aspx"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem ImageUrl="~/images/roomType.jpg" NavigateUrl="~/RoomType.aspx">
<asp:MenuItem ImageUrl="~/images/viewRoom.jpg" NavigateUrl="~/EditRoom.aspx"></asp:MenuItem>
<asp:MenuItem ImageUrl="~/images/viewRoomType.jpg" NavigateUrl="~/EditRoomType.aspx"></asp:MenuItem>
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="bbb" Value="bbb">
<asp:MenuItem ImageUrl="~/images/housing.jpg"></asp:MenuItem>
<asp:MenuItem ImageUrl="~/images/leave.jpg"></asp:MenuItem>
</asp:MenuItem>
</Items>
<StaticMenuStyle HorizontalPadding="0px" />
</asp:Menu>
<asp:SiteMapPath ID="SiteMapPath1" runat="server">
</asp:SiteMapPath>
</div>这是个例子,你可以参考上面的做出效果来就可以了