长篇文章根据文章H标签自动生成导航目录方法

在一些旅游网站,比如说途牛、携程这些,当你看某条线路的详情页时,右边会有相应的第一天、第二天等的目录。

这么大的网站,不可能后台添加行程的时候,每一天都要自动写一个目录吧!

所以应该是自动生成的。

那么它是如何生成的呢?又是根据什么规则来生成的呢?

长篇文章根据文章H标签自动生成导航目录方法_第1张图片

今天我们就来讲讲使用jquery,根据文章里面的H标签自动生成导航目录。

下面是完整实例代码,直接可用。






jquery根据文章h标签自动生成导航目录






注意:此实例是在框架中显示,可能导航目录链接点击将会出错,代码单独使用没问题。

一路黔行,醉美贵州——黔西南、黔南游记

摘要

第一天抵达贵阳后,先游青岩古镇,后品酸汤鱼 宿:贵阳;第二天白天游览安顺黄果树后,晚上至黔西南州兴义入住;第三天游览完万峰林和马岭河大峡谷,返回安顺;第四天火车前往荔波游览,晚上住小七孔;第五天上午继续游玩小七孔,下午回到贵阳,晚上航班离开贵州。五天的贵州之行,完全采取坐火车坐班车的旅行方式,安排紧凑,由于第一次来到贵州,黄果树景区之大超出预期,加上火车晚点以及班车停开,虽最终均按计划走完行程,其中的曲曲折折,还是留下深刻的教训

第1天

第1天内容

第2天

第2天内容

第3天

第3天内容

第4天

第4天内容

第5天

第5天内容

 

你可能感兴趣的:(织梦)