一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

使用jquery構造自己的多級菜單

  最近在講AJAX方面的一些理論和在項目中的應用。我介紹到了AJAX的一些內部原理,以及兩套AJAX框架:Microsoft ASP.NET AJAX和jquery。我個人很喜歡Jquery,我對它的贊美從不吝嗇。

  關于Jquery,其實之前就寫過不少,有興趣的可以參考:http://zzk.cnblogs.com/s?w=blog%3Achenxizhang%20jquery

  課程中講到一個問題,就是如何動態生成多級菜單。我知道網上有不少類似的菜單。但既然咱學了Jquery,為什么不可以嘗試自己實踐一下呢?我把例子整理如下,希望給大家一些啟發和幫助。

  我們希望的結果簡單如下:左側會根據數據庫結構展示一個菜單,默認只是顯示第一級。用戶可以根據需要點擊任何一級,可以顯示子級。而且同級會被隱藏。最后一層是鏈接,點擊之后,在右側顯示有關的頁面內容。

imageimage

image  第一步:準備菜單數據頁面

  我們可以用一個頁面,動態生成這個菜單的數據。本例我取名為menu.ASPx:

<%@ Page Language="C#" ContentType="text/xml"%>
<%@ Import Namespace="System.Xml.Linq" %>
<%@ Import Namespace="System.Linq" %>

<script runat="server">
protected override
void OnLoad(EventArgs e)
{
//動態構造一個菜單(隨機生成五層)
var rnd = new Random();

var menu = new XElement("MenuItems",
from level1
in Enumerable.Range(1, 10)
select
new XElement("div", "" + level1.ToString() + "",
from level2
in Enumerable.Range(1, rnd.Next(10))
select
new XElement("div", "" + level2.ToString() + "",
from level3
in Enumerable.Range(1, rnd.Next(5))
select
new XElement("div", "" + level3.ToString() + "小節",
from level4
in Enumerable.Range(1, rnd.Next(5))
select
new XElement("div", "" + level4.ToString() + "小小節",
new XElement("ul",
from level5
in Enumerable.Range(1, rnd.Next(10))
select
new XElement("li",
new XElement("a",
new XAttribute("href", "a.ASPx"),
new XAttribute("target", "content"),
new XText("" + level5.ToString() + "個鏈接")))))))));

Response.Write(menu.ToString());
}
</script>

it知識庫使用jquery構造自己的多級菜單,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 免费人成a大片在线观看动漫 | 日本一区二区三区欧美在线观看 | 国产亚洲精品一品区99热 | 中文字幕在线精品视频万部 | 亚洲精品国产专区91在线 | 亚洲伊人久久大香线蕉啊 | 精品视频在线观看免费 | 91在线视频免费91 | 国产亚洲一区二区三区在线 | www.激情555.com| 亚洲一区免费看 | 永久黄网站色视频免费 | 国产精品第十页 | 黄色网页免费观看 | 久久青青草原精品无线观看 | 久久夜色精品国产欧美 | 久久大香萑太香蕉综合网 | 99精品久久久久久久婷婷 | 色成人综合| 精品福利一区二区免费视频 | 色爱区综合激月婷婷激情五月 | 精品久久久中文字幕 | 色久激情 | 视频在线观看一区二区 | 亚洲伊人色图 | 免费看黄色录像 | 亚洲最大的成人网 | 国产日韩欧美精品一区二区三区 | 日本精品中文字幕在线播放 | 六月丁香婷婷天天在线 | 色成年激情久久综合 | 国产成人综合亚洲欧美在 | 五月婷婷综合网 | 伊人网在线视频 | 国产精品午夜久久 | 亚洲伊人久久大香线蕉苏妲己 | 国产九九精品视频 | 亚洲视频1区 | 永久免费观看视频 | 国产极品精频在线观看 | 视频一区中文字幕 |