学做网站培训课程介绍

当前位置：

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

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

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

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

  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属性的距离数值，以达到自己需要的距离效果。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • WordPress导航菜单添加二级菜单的方法 图文教程 (120850 次浏览)
    在我们的建站课程中，跟大家讲过wordprss实现导航是利用二句代码来自动调用。这样只要我们在后台添加一个分类或者页面时，会自动调用出来。
  • Wordpress 无插件 纯代码实现分页导航 图文教程 (118907 次浏览)
    在以前的建站培训课程中，我们说了网站分页都采用网站分页插件wp-page-numbers来实现的，但对于不喜欢使用插件的学做网站学员来说，也可以使用无插件
  • html+js动态时钟钟表制作方法 图文教程 (123088 次浏览)
    我们在有些网站上看到会在网站的某个位置显示一个动态变化的时钟，它是一秒秒的变化。对于这种效果，我们自己做网站时也可以制作出来，只需要通过JS就
  • 网站动态favicon.ico图标如何制作 图文教程 (18988 次浏览)
    说起网站图标favicon.ico，大家都想到的是制作一个固定小图片来显示【方法见：如何制作网站图标favicon.ico】，很少知道网站图标可以做成一个动态的。
  • 网站导航如何制作“热”“顶”动态图标 图文教程 (122058 次浏览)
    很多学习建网站的同学都会注意到学做网站论坛近期在网站导航上添加了一个小图标“热”，它不停的在导航上跳动，当浏览者一进入网站首页时就会被它所吸引

建站培训课程

最新教程

其它教程