苏飞论坛

标题: 一个简单实用而且动太的导航条的例子asp.net [打印本页]

作者: 站长苏飞    时间: 2012-7-1 17:22
标题: 一个简单实用而且动太的导航条的例子asp.net
sql2005数据库实现的
大家可以到这里去下载源代码: (, 下载次数: 538)
先来看看效果吧
(, 下载次数: 399)

大家快做项目了, 一定会想到过自己的导航条怎么做呢,这是我做的一个小例子,我个人让为呢还行,有那位朋友想用的话,我苏飞原把所有源码奉上,呵呵别忘了给我留言啊!!!!
在.aspx源在的代码

[HTML] 纯文本查看 复制代码
<%@ Page Language="C#" AutoEventWireup="true"   CodeFile="Default.aspx.cs" Inherits="_Default" %> 
<%@ Register Src="Menus.ascx" TagName="Menus" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
     <title>无标题页</title>
     <script language ="javascript" type ="text/javascript">
function showsubmenu(sid)
{
whichEl = eval("document.getElementById('"+"submenu" + sid+"')");
imgmenu = eval("document.getElementById('"+"imgmenu" + sid+"')");
if (whichEl.style.display == "none")
{
   if (whichEl.style.display=='none') whichEl.style.display='';
   else whichEl.style.display = 'none';
   imgmenu.background="image/menuup.gif";
}
else
{
   if (whichEl.style.display=='none') whichEl.style.display='';
   else whichEl.style.display = 'none';
   imgmenu.background="image/menudown.gif";
}
}
</script>
</head>
<body>
     <form id="form1" runat="server">
     <div>
         </div>
         <asp:Label ID="Label1" runat="server" Height="464px" Style="z-index: 100; left: 286px;
             position: absolute; top: 82px; width: 165px;" Text="Label"
         BackColor="#6666FF" BorderColor="#FF5050" BorderWidth="2px"></asp:Label>
     </form>
</body>
</html>

CS代码


[C#] 纯文本查看 复制代码
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using UISBLL;

namespace buddy_BBS
{
    /// <summary>
    /// test 的摘要说明。
    /// </summary>
    public partial class left : System.Web.UI.Page
    {
        public string text;
        DataTable BT, ST;
        TreeServices objTreeServices = new TreeServices();
        /// <summary>
        /// 生成树
        /// </summary>
        /// <returns>返回一个字符串</returns>
        public string MenuLoad()
        {
            //填充树干的内容
            string trees = "", bs = "";
            int i = 1;
            BT = objTreeServices.SelectAllBig_Class(Convert.ToInt32(Session["Users_QX"].ToString().Trim()))[0];
            ST = objTreeServices.SelectAllSmall_Class(Convert.ToInt32(Session["Users_QX"].ToString().Trim()))[0];
            DataRow[] drs = BT.Select("");

            foreach (DataRow r in drs)
            {
                trees += "<table border=0 cellPadding=0 cellSpacing=0><tr height=2><td></td></tr></table><table width='158' border=0 align='center' cellPadding=0 cellSpacing=0  bgcolor=#FFFFFF><Tbody>";
                bs = "<font color='#003366'>" + r["bigclass_Name"].ToString() + "</font>";
                trees += "<tr><td height=25 background='image/menudown.gif' id='imgmenu" + i + "' style='CURSOR: hand' onclick='showsubmenu(" + i + ")'>  <SPAN>" + bs + "</SPAN></td></tr> <tr><td id='submenu" + i + "' style='DISPLAY: none'><DIV align='center'><table width='100%' cellPadding=0 cellSpacing=3><Tbody>";
                string parentid = r["bigclass_ID"].ToString();
                trees += CreateNode(parentid) + "</Tbody></table></DIV></td></tr></Tbody></table>";
                i++;
            }
            return trees;
        }
        /// <summary>
        /// 添加子
        /// </summary>
        /// <param name="parentid">根的ID</param>
        /// <returns></returns>
        private string CreateNode(string parentid)
        {
            //填充树枝的内容
            string Nodes = "";
            DataRow[] drsr = ST.Select("BigClass_ID = " + parentid);
            foreach (DataRow rw in drsr)
            {
                Nodes = Nodes + "<tr><td><font color=#ff0000><IMG height=11 src='" + rw["Image"] + "' width=12> </font>" +
                    "<A href='" + rw["Path"] + "' target='mainFrame'>" + rw["SmallClass_Name"].ToString() + "</A></td></tr>";
            }
            return Nodes;
        }
        protected void Page_Load(object sender, EventArgs e)
        {
            try
            {
                if (Session["Users_QX"].ToString().Trim() == null || Session["Users_QX"].ToString().Trim() == "")
                {
                    Response.Redirect("Login.aspx");
                }
            }
            catch (Exception)
            {
            }
        }
    }
}


作者: qust_sunfei    时间: 2012-7-5 14:16
o(︶︿︶)o 唉。我的css一直不太好。
作者: yiduchenzh    时间: 2013-1-31 10:09
感谢分享。。。
作者: 1903    时间: 2013-3-14 14:16
一直都想学那个css
作者: 梦如人生    时间: 2013-4-3 10:52
真是难得给力的帖子啊,强烈支持楼主。
作者: hnxxd    时间: 2013-6-26 23:38
老师的代码写得就是比我们新手规范漂亮,感谢.
作者: luqian5588    时间: 2013-7-24 18:25
受教了,学习中……
作者: 站长苏飞    时间: 2013-8-17 09:54
晴兮灬love 发表于 2013-8-17 09:47
水平很高啊,值得学习

现在这都是老技术了。
好像是刚毕业时候写的。

另外已帮你审核通过账户,发贴不发审核,而是直接显示


作者: vamlord    时间: 2013-11-8 15:43
请问楼主下载后如何运行啊,是不是要做成个控件啊~{:soso_e100:}

作者: vamlord    时间: 2013-11-8 16:03
求贴图的所有源码,谢谢斑竹~!邮箱295017303@qq.com
作者: hackerboy725    时间: 2014-4-10 15:25
非常简洁啊,呵呵
作者: 站长苏飞    时间: 2014-4-10 15:32
hackerboy725 发表于 2014-4-10 15:25
非常简洁啊,呵呵

很早前写的了,勉强能用吧
作者: huangyouwei    时间: 2014-4-21 14:59
谢谢分享,楼主辛苦了
作者: huangyouwei    时间: 2014-4-25 14:57
很不错的导航,谢谢分享
作者: netbeans4ever    时间: 2014-5-17 11:18

真是难得给力的帖子啊,强烈支持楼主。
非常感谢你帮了我的大忙,真的太感谢你啦!
作者: netbeans4ever    时间: 2014-5-17 11:39

求贴图的所有源码,谢谢斑竹~!
lavendar88@gmail.com
作者: wwkkww1983    时间: 2014-5-20 11:44
不错,谢谢了
作者: bdzhener    时间: 2014-7-15 15:55
求贴图的所有源码  1290531261@qq.com  谢斑竹啦
作者: 站长苏飞    时间: 2014-7-15 15:58
bdzhener 发表于 2014-7-15 15:55
求贴图的所有源码    谢斑竹啦

帖子里不是有下载吗。
作者: bdzhener    时间: 2014-7-15 16:55
站长苏飞 发表于 2014-7-15 15:58
帖子里不是有下载吗。

嗯  刚下了   还想问个问题default.aspx里的js 可不可以直接这样
[C#] 纯文本查看 复制代码
function showsubmenu(sid)
{
        whichEl = eval("document.getElementById('"+"submenu" + sid+"')");
        imgmenu = eval("document.getElementById('"+"imgmenu" + sid+"')");
        if (whichEl.style.display == "none")
        {
                whichEl.style.display='';
                imgmenu.background="image/menuup.gif";
        }
        else
        {
                whichEl.style.display = 'none';
                imgmenu.background="image/menudown.gif";
        }
}
   请指教  似乎这样功能也一样
作者: 站长苏飞    时间: 2014-7-15 17:03
bdzhener 发表于 2014-7-15 16:55
嗯  刚下了   还想问个问题default.aspx里的js 可不可以直接这样[mw_shl_code=csharp,true]function show ...

你试试只要是可以就行,没什么限制
作者: ching126    时间: 2014-9-5 23:31
强烈支持楼主ing……
作者: ching126    时间: 2014-9-5 23:43
我只是路过打酱油的。
作者: ed2000de    时间: 2014-10-10 10:20
强烈支持楼主ing……
作者: 寂寞星辰~    时间: 2016-7-26 10:23
感谢楼主分享,最近也正在做一个导航栏的,可以学习一下。




欢迎光临 苏飞论坛 (http://www.sufeinet.com/) Powered by Discuz! X3.4