
上QQ阅读APP看书,第一时间看更新
8.4 实践案例——设计排行榜

本节介绍了列表的知识,下面是使用列表相关知识实现一个排行榜的案例。
排行榜一般由标题和排名项目组成,在下面的案例中,使用其中一个列表项来设计标题,使用剩下的列表来设计排名项。详细的请参考案例注释以及代码。
【例8-9】(实例文件:ch08\Chap8.9.html)设计排行榜。

相关的代码实例请参考Chap8.9.html文件,在IE浏览器中运行的结果如图8-11所示。

图8-11 设计排行榜
本节介绍了列表的知识,下面是使用列表相关知识实现一个排行榜的案例。
排行榜一般由标题和排名项目组成,在下面的案例中,使用其中一个列表项来设计标题,使用剩下的列表来设计排名项。详细的请参考案例注释以及代码。
【例8-9】(实例文件:ch08\Chap8.9.html)设计排行榜。
相关的代码实例请参考Chap8.9.html文件,在IE浏览器中运行的结果如图8-11所示。
图8-11 设计排行榜