今天做了个导航条(使用外部文件XML)

 
今天做了个导航条(使用外部文件XML)这样
大大提高了应用程序的伸缩性
下面讲讲实现过程
先定义个XML文件(myxml.xml)
 <? version="1.0"  encoding=GB2312 ?>
<items>
<item>
<name>文本一</name>
<link>地址一</link>
</item>
<item>
<name>文本二</name>
<link>地址二</link>
</item>
<item>
<name>文本三</name>
<link>地址三</link>
</item>
</items>
下面在后台代码中使用:
         ............
  DataSet ds =new DataSet();
ds.ReadXml(Server.Mapth(myxml.xml));
foreach(DataRow item in ds.tables(0).rows)
{
     DataRow row =new DataRow();
DataCell cell =new DataCell();
StringBuilder builder=new StringBuilder();
builder.Append("<a herf="");
builder.Append(item["link"]);
builder.Append(""/>");
builder.Append(item["name"]);
builder.Appenf("<a>");
cell.text=builder.tostring();
  row.cells.add(cell);
mytable.rows.add(row);     //mytable 为自定义表名
}
如果要使用本段代码,还需要自己添加一些代
码上面只是作为演示。

时间: 2024-08-03 12:12:21

今天做了个导航条(使用外部文件XML)的相关文章

Bootstrap每天必学之导航条_javascript技巧

1.导航条 导航条(navbar)和上一节介绍的导航(nav),就相差一个字,多了一个"条"字.其实在Bootstrap框架中他们还是明显的区别.在导航条(navbar)中有一个背景色(显示更突出).而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式.在这一节中将一起探讨Bootstrap框架中导航条的使用. 导航条和导航一样,在Bootstrap框架中是一个独立组件,所以你也可以根据自己的需求使用不同的版本: LESS版本:对应的源文件navbar

Bootstrap入门书籍之(五)导航条、分页导航_javascript技巧

导航条 导航条(navbar)和上一节介绍的Bootstrap入门书籍之(四)菜单.按钮及导航.导航(nav),就相差一个字,多了一个"条"字.其实在Bootstrap框架中他们还是明显的区别.在导航条(navbar)中有一个背景色.而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式.它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式. 基础导航条 实际上,导航条和导航在外观上的差别并不是那么的大,但

Bootstrap每天必学之导航条(二)_javascript技巧

一.基础导航条 在制作一个基础导航条时,主要分以下几步: 第一步:首先在制作导航的列表(<ul class="nav">)基础上添加类名"navbar-nav" 第二步:在列表外部添加一个容器(div),并且使用类名"navbar"和"navbar-default" <div class="navbar navbar-default"> <!-- 导航条标题--> <

一系列Bootstrap导航条使用方法分享_javascript技巧

本文包含了Bootstrap导航条基础使用方法,供大家参考,具体内容如下 1.Bootstrap基础导航样式Bootstrap框架中制作导航条主要通过".nav"样式.默认的".nav"样式不提供默认的导航样式,必须附加另外一个样式才会有效,比如"nav-tabs"."nav-pills"之类.比如右侧代码编辑器中就有一个tab导航条的例子,他的实现方法就是为ul标签加入.nav和nav-tabs两个类样式 <ul cl

第十三节 创建导航条

创建 在很多时候,一个网站的不同页面都使用了同一导航条.导航条一般由几个图像构成,点击不同的图像,将链接到网站不同的页面.通过统一导航条的方法,我们可以实现网站风格的统一,同时也方便了访问者在不同页面间的跳转.用Dreamweaver可做出比较复杂的导航条.导航条由一个或几个部位组成,每个部位均由图像构成,链接到不同的网页页面.每部分,最多可设四个状态下的图像,开始是一个初始图像,当鼠标移动到这个部位上时显示另一个图像,还可设置当鼠标点击后的初始图像,以及鼠标点击后当鼠标再次移动到这个部位上的图

用CSS滤镜巧制3D按钮式导航条

css|按钮|导航|滤镜 平面的导航条看多了,想不想做个3D的,当然制作的方法很多,真是仁者见仁,智者见智.我试着做了个按钮式的,效果还不错,每一个菜单项看起来都是一个个的按钮,制作方法也不复杂,并且大小只有几k,算瘦小的了.你只要有点html和CSS的基础知识就够了. 下面我们开始制作: 第一步: 用Dreamweaver建立一个3x1的表格,宽度为70px,不设高度值,边框设为0,间距(cellspacing)为2. 第二步: 在上面已经建立好的表格的单元格中分别插入一个1x1的表格,高度值

创建按钮(Buttons)和导航条(Navigation Bars)

按钮|创建 创建按钮(Buttons)和导航条(Navigation Bars)(下) 刚才我们创建了一个按钮,接下来我们就可以利用这个按钮方便的创建导航条了.在Fireworks中你可以利用同一个按钮反复衍生出一系列类似的按钮来组成导航条,而无需重复创建多个类似的按钮,大大减少了工作量,这就是Fireworks神奇的地方!!!现在我们就去看看是怎么做的吧. 打开Library面版,将Home按钮拖到画板中,重复这个动作几次,使画板中有多个Home按钮,在这里我一共放了4个相同的按钮. 将这些按

创建按钮(Buttons)和导航条(Navigation Bars)(上)

按钮|创建 创建按钮(Buttons)和导航条(Navigation Bars)(上) 按钮是网页中应用极多的元素,众多的按钮就形成了导航条,导航条的作用就是要让浏览者清楚知道当前所处的位置,并且通过导航条可以方便的将浏览者带到其他的地方而不会迷失.因此按钮表现有以下几中状态: Up:默认状态,即通常的状态,这时的鼠标是不在按钮范围之内的. Over:鼠标滑过按钮时的状态. Down:按钮被点击后的状态,通常它是出现在目标网页中的. Over While Down:鼠标滑过处于Down状态下按钮

探讨支付宝导航条制作的实现方法

介绍支付宝导航条的制作过程,这类TAB很普遍,许多网站都会使用,用的这类导航条,本文算不上什么深奥的技术,只是探讨下这种导航效果的实现过程. 其实也算不上教程,也就是自己没事儿的时候做点东西然后发上来大家交流交流,希望大家不吝赐教^!^ 因为刚看过亚东的教程和这个有点相似,所以就自己琢磨了一下写了一个仅用到一小段的JS就搞定了.亚东的里面要用到JQuery.我感觉要是简单一点的东西直接上JS就行了,有大量需求时再调用库才好. 核心HTML代码如下: <div id="menu"&