推薦：詳解Ajax標(biāo)簽導(dǎo)航實(shí)例
之前整理發(fā)表了《XMLHTTPRequest的屬性和方法簡介》,它ajax要使用的核心的技術(shù)之一，現(xiàn)在就來實(shí)際運(yùn)用它。這個(gè)Ajax標(biāo)簽導(dǎo)航，是我很久前就寫的一個(gè)腳本，很實(shí)用的（還被很多網(wǎng)站收錄了哦），現(xiàn)在拿它來做實(shí)例講解吧！當(dāng)然個(gè)人能力有限，有什么不對(duì)的地方還請(qǐng)

new XElement("Colum2", guid.Substring(3,3) + rdn.Next(100).ToString() + "_C2 in " + i.ToString()),
new XElement("Colum3", guid.Substring(6,3) + rdn.Next(100).ToString() + "_C3 in " + i.ToString())
);
dsInfos.Add(dsInfo);//填充數(shù)據(jù)
}

 

//保存
dsInfos.Save(dataSourceFilePath);
}

return XElement.Load(dataSourceFilePath);
}

public static string ToJSON(object obj)
{
JavaScriptSerializer serializer = new JavaScriptSerializer();
return serializer.Serialize(obj);
}

//private static void GetJSON(XElement dsXML)
//{
// var dsLinq = (from x in dsXML.Descendants("DataTemp")
// select new DataSourceModel()
// {
// ID = x.Element("ID").Value,
// Group = x.Element("Group").Value,
// Colum1 = x.Element("Colum1").Value,
// Colum2 = x.Element("Colum2").Value,
// Colum3 = x.Element("Colum3").Value
// });
// int totalCount = dsLinq.Count();//記錄總數(shù)，在此只起到示范作用，客戶端的記錄總數(shù)可以從JSON數(shù)據(jù)的data計(jì)數(shù)獲取
// System.Text.StringBuilder sb = new System.Text.StringBuilder();
// sb.Append("{");
// sb.Append("totalCount:");
// sb.Append(totalCount.ToString());
// sb.Append(",data:");
// sb.Append(ToJSON(dsLinq.ToList()));
// sb.Append("}");
//}

public bool IsReusable
{
get
{
return false;
}
}
}

//數(shù)據(jù)源結(jié)構(gòu)
public class DataSourceModel
{
public string ID { get; set; }
public string Group { get; set; }
public string Colum1 { get; set; }
public string Colum2 { get; set; }
public string Colum3 { get; set; }
}
}

上面我用ＸＭＬ模擬了一個(gè)數(shù)據(jù)源，正好順便嘗試了一下Ｌｉｎｑ　ｔｏ　ＸＭＬ：）如果您是使用．ＮＥＴ２．０的話，也可改成ＸＭＬＤｏｃｕｍｅｎｔ的方式或者從自己的數(shù)據(jù)源獲取。

這里我們看一下基本效果：
基本狀態(tài)：



如果超過相鄰頁數(shù)地閥值的頁碼用．．．替代：

下面我們升級(jí)一下，可以自定義沒頁顯示得條數(shù)和跳至的頁碼：


光這樣當(dāng)然是不夠的，如果用戶輸入了無效的值，會(huì)引發(fā)無效的服務(wù)器響應(yīng)，我們需要在客戶端就過濾：

一共３００條數(shù)據(jù)，每頁１０條，只能顯示３０頁，要３１頁當(dāng)然就錯(cuò)了。當(dāng)然這里我的驗(yàn)證過程只是提供了一條思路，還可以有更多的豐富。（咦？光影魔術(shù)手不注冊還會(huì)有水��？）

剛才我說的需要能自定義樣式，當(dāng)然也不能少：


或者這樣：

或者這樣：

分享：詳解-CSS技巧篇
CSS技巧篇（position屬性的運(yùn)用技巧） 下面開始我們的分析了，先來看看這段XHTML代碼： ul class=tabs id=news li class=first id=news-0a href=news/news0.htm網(wǎng)站重構(gòu)/aspan/span/li li id=news-1a href=news/news1.htmCSS布局實(shí)錄/aspan/sp