一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上、下划线、背景颜色或位移等。
闲来无事,尝试在dw中实现同样的导航效果。
首先分析效果的组成,鼠标经过时背景发生变化,小图象转动。Ok!考虑使用dw中的swap image(翻转图)+背景图象变化(CSS定义)应该可以实现效果。
准备4张gif图象分别为:
鼠标经过时的背景图象(在fw中使用animate可以很简单的实现渐变效果,本图象透明度由0%渐变到100%)
鼠标划出时的背景图象(本图象透明度由100%渐变到0%)
动态小图象
[ 查看全文 ]