网站导航如何制作“热”“顶”动态图标

很多学习建网站的同学都会注意到学做网站论坛近期在网站导航上添加了一个小图标“热”，它不停的在导航上跳动，当浏览者一进入网站首页时就会被它所吸引。

如何在做网站时，在自己的网站上制作出“热”“顶”动态图标呢？

网站制作“热”“顶”动态图标步骤：

1. 在网站的HTML代码中找到导航的代码，并确定需要添加“热”“顶”动态图标的<li>标签；
2. 在导航的项目中的文字超链接中加入以下代码
   <img src="<?php bloginfo('template_directory'); ?>/images/hot.gif" alt="hot" style="position:absolute;z-index:3;margin-left:5px;margin-top:-10px;">
3. 通过FTP软件上传一张GIF动态图片hot.gif，上传到images文件夹；
4. 适当调整代码中margin属性的距离数值，以达到自己需要的距离效果。