FrontPage动态效果处理集锦

王朝html/css/js·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

大家都知道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 插入需要轮显的图片,而它实现的效果即几张图片的交换显示。

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航