一区二区久久-一区二区三区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構造自己的多級菜單,轉載需保留來源!

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

主站蜘蛛池模板: 依人成人综合网 | 中文字幕无限乱码不卡2021 | 天天干天天干天天干天天 | 极品美女在线观看 | 欧美精品www | 大伊人网 | 国产黄频在线观看高清免费 | 国产精品久久久久免费视频 | 亚洲精品国产自在久久出水 | 精品视频一区二区三三区四区 | 色老板在线观看永久免费视频 | 图片区小说区欧洲区 | 国产成人高清视频 | 亚洲一区中文字幕在线观看 | 日韩视频一区 | 丁香婷婷六月天 | 黄色小视频免费 | 五月天婷婷色综合 | 国产福利萌白酱喷水视频铁牛 | 五月婷婷丁香综合网 | 色精品一区二区三区 | 色网站在线免费观看 | 亚洲图片在线视频 | 一区二区三区四区亚洲 | 日本久久网站 | 77788色淫网站免费观看 | 欧美黑人巨大xxxxx | 九九视频精品全部免费播放 | 国产成人精品999在线观看 | 欧美a级网站 | 国产精品99一区二区三区 | 91久久精品一区二区 | 成人亚洲视频 | 免费观看国产精品视频 | 一区二区在线看 | 99久久香蕉国产线看观香 | 亚洲综合图片小说区热久久 | 韩国美女一级毛片 | 国产免费久久精品99久久 | 五月婷婷网址 | 四虎在线播放免费永久视频 |