javascript+css简单实现树形结构列表

最近应公司要求要设计一个全国地区列表的页面

于是想到了用树形列表来实现该功能，由于以前潜心研究过css所以对css比较熟悉，而javascript也经常接触，所以也还过得去，于是想到了结合javascript和css来实现这个树形列表的功能，希望对有需要的朋友有所帮助

下面是代码

==================================================================================== 

直辖市 +   北京（京）   上海（沪）   天津（津）   重庆（渝）   省 市 +   河北省（冀） +      保定市 +        徐水县       邯郸市 +        曲周县       石家庄市 +        晋州市       廊坊市 +        香河县         唐山市 +        玉田县            山西省（晋）   辽宁省（辽）   吉林省（吉）   黑龙江省（黑）     江苏省（苏） +      宿迁市 +        泗洪县          南通市 +        启东市     海安县     如东县          徐州市 +        邳州市     丰县     沛县          连云港市 +        东海县       淮安市 +        金湖县       盐城市 +        大丰市       扬州市 +        江都市          浙江省（浙）     安徽省（皖） +      宿州市 +        砀山县       宣城市 +        宁国市          福建省（闽）   江西省（赣）   山东省（鲁） +      日照市 +        莒县          河南省（豫）   湖北省（鄂）     湖南省（湘） +      怀化市 +        通道县       长沙市 +        长沙县       邵阳市 +        邵东县       常德市 +        汉寿县          广东省（粤）   海南省（琼）   四川省（川、蜀）   贵州省（黔、贵） +     毕节市 +     纳雍县       云南省（滇、云）   陕西省（陕、秦）   甘肃省（甘、陇）   青海省（青）   台湾省（台）   自治区 +   广西壮族自治区（桂）   内蒙古自治区（蒙）   西藏自治区（藏）   宁夏回族自治区（宁）   新疆维吾尔自治区（新）   特别行政区 + 香港特别行政区（港） 澳门特别行政区（澳）

===============================================================================

这里再给出网页css中用到的三张图片的下载链接
ico_top1.gif
treeline_1.gif
treeline_2.gif
把图片根网页放在同一目录下即可。

代码其实很简单，里面也没有把全国地区都列入，因为工作量太庞大了，所以只列了少许地区，关键是要能灵活变通，不要生搬硬套，不然代码就没有灵活性了