一聚教程网:一个值得你收藏的教程网站

热门教程

Dreamweaver中一种细腻的导航效果的制作

时间:2022-07-02 13:40:23 编辑:袖梨 来源:一聚教程网

        一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上、下划线、背景颜色或位移等。有网友提到http://www.tonta.com.cn/这个网站,偶发现其首页中的导航效果不错,虽然flash做的没有很眩的效果,但是比较细腻,看上去很舒服。
  闲来无事,尝试在dw中实现同样的导航效果。效果如下所示:http://vip.5d.cn/flood/daohang/1.htm
  首先分析效果的组成,鼠标经过时背景发生变化,小图象转动。Ok!考虑使用dw中的swap image(翻转图)+背景图象变化(CSS定义)应该可以实现效果。
  准备4张gif图象分别为:
  鼠标经过时的背景图象(在fw中褂

热门栏目