WEB开发网
开发学院网页设计JavaScript 应用JScript和XML自定义无刷新多级联动菜单 阅读

应用JScript和XML自定义无刷新多级联动菜单

 2010-09-14 13:39:10 来源:WEB开发网   
核心提示: 五、程序执行效果图1)进入GIS系统,指示标默认指向全国并载入全国范围的地图,应用JScript和XML自定义无刷新多级联动菜单(9),省级菜单自动载入所有省级的数据(如图2所示),图片看不清楚?请点击这里查看原图(大图),.NET开发人员在本程序的基础上稍做修改,比如XML数据内容、菜单

五、程序执行效果图

1)进入GIS系统,指示标默认指向全国并载入全国范围的地图,省级菜单自动载入所有省级的数据(如图2所示)。

应用JScript和XML自定义无刷新多级联动菜单

图片看不清楚?请点击这里查看原图(大图)。

图2  显示全国范围的地图

2)选择省级菜单中的一项例如湖南省,指示标指向省级并载入湖南地区的地图,地市级级菜单自动载入湖南省的所有的地市级数据(如图3所示)。

应用JScript和XML自定义无刷新多级联动菜单

图3   显示省级范围的地图

3)选择地市级菜单中的一项例如长沙市,指示标指向地市级并载入长沙地区的地图,县市级级菜单自动载入长沙市地区的所有的县市级数据(如图4所示)。

应用JScript和XML自定义无刷新多级联动菜单

图片看不清楚?请点击这里查看原图(大图)。

图4  显示市级单位的地图

4)选择地市级菜单中的一项例如宁乡县,指示标指向县市级并载入宁乡的地图(如图5所示)。

应用JScript和XML自定义无刷新多级联动菜单

图片看不清楚?请点击这里查看原图(大图)。

图5  显示乡级范围的地图

六、结语

基于微软的Jscript以及.NET平台所提供的XML访问技术提出了一种自定义方式的无刷新多级联动菜单的实现方式,程序具有较好的实用性、灵活性以及可扩充性。.NET开发人员在本程序的基础上稍做修改,比如XML数据内容、菜单的CSS样式等,便能很好地运用到自己的Web项目中。

上一页  4 5 6 7 8 9 

Tags:应用 JScript XML

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接