零基础学做网站培训介绍

当前位置:

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

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

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

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

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

发表评论

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

相关教程

  • 感谢VIP学员:卓新红  的无私分享,此模板已通过学做网站论坛网的审核,大家可放心使用。分享一个网址导航站模板,这个网址导航模板可以制作图片
  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个
  • 我们在有些网站上看到会在网站的某个位置显示一个动态变化的时钟,它是一秒秒的变化。对于这种效果,我们自己做网站时也可以制作出来,只需要通过JS就
  • 说起网站图标favicon.ico,大家都想到的是制作一个固定小图片来显示【方法见:如何制作网站图标favicon.ico】,很少知道网站图标可以做成一个动态的。
  • 网站favicon图标如何制作 图文教程 (112092 次浏览)
    在我们上网的时候,看到有许多网站,当打开它的时候,在浏览器中会出现它们网站的图标,特别的个性化。很多学做网站的学员也问过这样的问题,询问网站f