第八课　动态效果处理集锦

笨笨熊/文

　　大家都知道FP是一种很典型的静态网页设计工具，并且它自身的优点很大程度在网站的管理上，所以你想要使用FP来制作大型的动态网页那就错了。

　　不过鉴于设计上的需要，FP还是提供了不少的动态网页效果的处理，虽然一些已经变的很“古老”了，但对初学者来说也是很重要的。下面笨笨熊基本上总结了一下：如果有不足之处，还希望大家能来信指教。

　　1>最常用的鼠标滑动变色效果：

　　Format / style sheet，进入CSS样式表窗口

　　其中的默认格式是：

　　在Style标记对中间写：

　　点下面的 style按钮，在弹出的窗口中设定

　　Color前景色为 blue，OK。

　　在a{}标记后面写：a:hover 如：

　　同样点击 style 设定颜色为 ：red

　　这时最后的显示应该类似：

　　OK以后，在预览状态下鼠标滑动到连接上时，你能看到连接已经变成了红色。

　　看似非常简单的效果目前在网页可是应用最广泛的。

　　由于起到了强调的作用，因此无论是大网站（新浪网易搜狐）还是一般的小网站都应用了它们。

　　2>实现文本的动态效果。

　　选种格式文本。

　　Format / animation在随后的级联项中选择你喜欢的格式。

　　不过这种效果是在网页载入时显示出来的。

　　3>设定网页的切换过渡效果。

　　当然这种效果是针对整个网页而言的。

　　Format / Page transition 在左边的事件类型中选择：page enter（网页载入）page exit（网页关闭）或是 site enter （站点载入）site （站点关闭）。在右边的效果里，自己选选就可以了。

　　4>插入动态按钮：

　　将鼠标停在需要出入按钮的地方，insert /active elements/hover button，在窗口中 button color中设定按钮的颜色，effects：列表中选动态按钮的变化效果。

　　至于里面的效果，笨笨熊就不多说了。

　　5>信息滚动条MARQUEE

　　在某些网页中我们经常会看到一些按一定方向（左右）滚动的信息，其实这些不是什么高深的技术。

　　Insert / active elements/marquee如：试试看了 direction：滚动方向。

　　behavior：动作类型。

　　slide scroll alterate 当然你还可以设定文本的颜色。

　　6>广告管理条幅：

　　Insett/active elements/banner ad 插入需要轮显的图片，而它实现的效果即几张图片的交换显示。

　　好了，关于动态效果就先说这。

上一页　　目录　　下一页