frontpage中没有动态HTML效果,FrontPage制作网页的动态效果(上)

在网页的页面中添加一定的动态效果会给网页增加许多的色彩。现在网页的动态效果制作的方法很多，有些需要你学习一些相关的语言。FrontPage是网页制作工具中的一个多功能的工具，它为我们提供了全中文的界面，其中的对网页添加一些动态效果用起来方便、简单。

一、为网页中的元素添加动画效果在浏览网页时你是否看到当网页打开时有一段文字从屏幕的右方飞入，或是当你把鼠标放图片上时，图片就会发生改变。如果你也想让你的网页动起来，就可使用FrontPage中的“动态HTML效果”。

1、点击“格式”菜单中的“动态HTML效果”，这时在窗口中就会出现“动态HTML效果”的工具栏(图1)。

图1

2、选择相应的元素，在“开启”对话框的下拉菜单中选择引发动画的事件。共有四种引发动画的事件：“单击”，指当鼠标单击时引发动态效果；“双击”，鼠标在双击时引发动态效果；“鼠标悬停”，鼠标放在网页的元素上时引发动态效果；“网页加载”，指引发动画效果是在网页被开启时产生。可以根据不同的要求进行引发事件的选择。

3、在“启用”框中的下拉菜单中可以选择动画效果的类型。这些类型是根据选择的元素与引发动画的事件的不同而不同。“飞出”，指网页中的字体或图片在特定的事件下从屏幕上飞出；“格式”，用于网页元素的外观设置；“交换图片”，用于图片动画的交换；在选择鼠标悬停为引发事件时，还会有如“飞入”、“跳跃”、“波动”等一系列的动态效果。

4、在“选择设置”框的下拉菜单中选择效果的设置。“对飞出的设置”，可以对方向式移动类型做出选择；“对格式进行设置”，可以对字体的颜色、大小、效果、间距等进行设置；“对边框进行设置”，可以更改边框或底纹格式等；“交换图片的效果”，在选择对图片的效果中，可以更改图片。

这样动态的HTML效果就设置完成了，我们还可以对同一个元素应用多重效果，如在网页加载时进行波动，在单击鼠标时更换图片，在双击鼠标时出现文本框。

二、向超级链接添加字体效果当来访者把鼠标放置在超级链接上时，字体就会发生相应的变化，这样就能很好地区分普通字体与超级链接。我们可以对超级链接的效果做出改变。

1、在网页视图模式下，在网页的空白处单击鼠标右键，在出现的快捷菜单中选择“网页属性”项，然后选中“背景”选项(图2)。

图2

2、选中“启用超级链接翻转效果”点击“翻转样式”选项。

frontpage中没有动态HTML效果,FrontPage制作网页的动态效果(上)相关推荐

frontpage 2003动态html效果,FrontPage 2003网页编辑小技巧
看过本刊2006年1期的读者,一定对于使用Dreamweaver编辑制作网页的"特别话题"有印象.Dreamweaver的确强大,但是在制作网页领域,还有相当多的读者使用Front ...
frontpage动态html效果,FrontPage基础教程特效按钮的制作
您可能感兴趣的话题: FrontPage 核心提示:在制作网页的时候,如果给网页增加一些实用的小技巧,那一定会给你的网站增色不少在制作网页的时候,如果给网页增加一些实用的小技巧,那一定会给你的网站增 ...
Openlayers4中实现动态线效果
2019独角兽企业重金招聘Python工程师标准>>> 概述: 本文讲述如何结合canvas在Openlayers4中实现动态线的效果. 效果: 代码: 1.move-line扩展 ...
文字扭曲效果（制作绣在丝绸上的文字图案效果）
学习PS不是很久,很多效果都不会制作,今天学了一种文字扭曲效果(是用ps制作绣在丝绸上的文字图案效果),通过多次尝试理解到,这是利用置换滤镜的功能,以及图层混合模式来做出的效果,效果是使得文字与背景更 ...
页面动态时间php,HTML制作网页动态时钟教程
本文通过实例代码给大家介绍了HTML写一个网页动态时钟效果,需要的的朋友参考下吧用html写一个动态网页时钟,代码如下所示: 时钟特效 function disptime(){ var today= ...
在html中做产品介绍页面,美发企业制作网页时如何添加产品介绍
在这个看颜时代,发型是影响一个人颜值的重要因素,一个好的发型能够改变一个人气质,改变别人对你的印象,因此现在越来越多的美发企业都应运而生.美发企业要想获得更多订单获得更高的知名度,搭建网站借助互联网的 ...
html中从下往上遮罩效果,css制作从下往上逐渐显示的div
html代码我是div顶部其中div1是整个容器,div2是需要从下往上显示的div.如果只是改变height高度的话,会导致div从上往下慢慢显示,所以并不能直接设置div2的高度来达成效果,此 ...
【HTML③】JavaScript基础、使用JavaScript制作网页特效、使用前端库及UI框架快速开发
[HTML③]JavaScript基础.使用JavaScript制作网页特效.使用前端库及UI框架快速开发八.JavaScript基础 1.JavaScript JavaScript简称JS是用于制 ...
Jquery 制作网页飘窗
Jquery 制作网页飘窗先上效果图,有图有真相才能赢天下整个运动路径就是这样代码整理 HTML <div id="floadAD" class="fload ...

frontpage中没有动态HTML效果,FrontPage制作网页的动态效果(上)

frontpage中没有动态HTML效果,FrontPage制作网页的动态效果(上)相关推荐

最新文章

热门文章