首页 相关文章 细腻的导航效果的制作方法

细腻的导航效果的制作方法

  一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上、下划线、背景颜色或位移等。

  闲来无事,尝试在dw中实现同样的导航效果。

  首先分析效果的组成,鼠标经过时背景发生变化,小图象转动。Ok!考虑使用dw中的swap image(翻转图)+背景图象变化(CSS定义)应该可以实现效果。

  准备4张gif图象分别为:

  鼠标经过时的背景图象(在fw中使用animate可以很简单的实现渐变效果,本图象透明度由0%渐变到100%)

  

  鼠标划出时的背景图象(本图象透明度由100%渐变到0%)

  

  动态小图象

  [ 查看全文 ]

2016-02-19 标签:

细腻的导航效果的制作方法的相关文章

手机页面
收藏网站 回到头部