欢迎访问第1万维网网站!用户名: 密码: [忘记密码]

合作代理 | 在线咨询

您的位置: 第一万维网 >> dreamweaver教程 >> 正 文

用DW制作复杂图像

来源:第一万维网   更新时间:2010-2-20 11:56:47

有些主页制作兴趣者提出了这样一度题目——哪里使用Dreamweaver制编成交换图像来。今日,我向大家介绍制作单纯交换图像的方法,相信能够对大家有所帮助。

制作效果

我们要制编成一列7个旋钮的图片,并且在这一列的旋钮图片的前面加上一度表针,我们要完成的效果是当我们在将鼠标移向某一度旋钮图片的时候,这个旋钮范围的文字变换颜料。并且表针指向这张图片(效果如图1所示)。


图1

制作原理

交换图像的制作原理是使用到Dreamweaver中的行为面板上的翻转图像(Swap image)这一度机器。将它安装变化当发生鼠标悬停在某一度旋钮图片的动作的时候,让旋钮本身完成一度图像的交换(交换变化黄色文字的图片),与此同时设计表针图像的交换(交换变化表针指向当前旋钮的表针图片),以完成上述效果的完成。

^-^:实在主页上的一些家伙看兴起好似很神秘,可究其根源它也只不过是几张图片或几个图层的简单变化作罢。

制作人才

这里演示的是7张旋钮图片的翻转,因为,我们欲望14张旋钮图片和7张表针图片共21张图片的制作来完成所示效果。过程7张前台旋钮图片团聚命名为B1-1~B1-7,7张靠山旋钮图片团聚命名为B2-1~B2-7,过程7张表针图片团聚命名为Z1~Z7,它们的表针团聚指向第一到第五个旋钮。您合格用Fireworks等图片制作软件来制作旋钮图片。

制作方法

1、建立主页资料。

2、插入一度7乘2的表格,并且把左面的一列表格团结,用于插入表针图片。而右面的七个表格用于插入旋钮图片。

3、在左面的表格中插入第一张表针图片Z1,在右面的7行单元格中团聚插入蓝色的前台旋钮B1-1~B1-7(效果如图2所示)。


图2

4、点击“窗口(Windows)→行为”,调出行为面板。

5、选中第一度要安装行为的图片,这里是写有“指导思想”的旋钮图片,即图片B1-1。

6、点击加号旋钮,在弹出菜单下选择友换图像(Swap image),弹出交换图像对话框。我们的主要部分的安装将在这个对话框中进行。

7、点击对话框当中的传阅旋钮,然后选择好这张旋钮图片将要翻转成的目的图片,在本例中是带有黄色文字的旋钮图片,即图片B2-1。然后点击规定。

8、重复第6步的操作,在图像的文本框入选中表针图片Z1,然后,再次点击传阅旋钮,把它翻转成第1个表针资料,即Z1。点击规定。完成上述操作后,行为面板上的显示原因如图3所示。


图3

9、选中第2张旋钮图片B1-2,依照范围的方法将它本身翻转成旋钮B2-2,并且将表针图片翻转成第2号表针图片Z2。

10、依以上步骤,团聚将下面5张图片团聚安装变化交换图像的行为。

11、按F12预览,把鼠标的表针悬停在每张图片上,哪里样,感觉还不错吧?

小结

当我们学习一种新的主页制作技术时,千万不要只停留在表盘,特定要仔细居心琢磨,在根本的主页技术的房基上,不断地有自己的创新,也除非这样才合格制编成有自己特色的主页图片来,不断地增长自己的主页时间

(第一万维网责任编辑:陈中)

最新图片新闻文章

网友正在看下面的相关文章

快捷操作

本栏目最新文章

业界新闻

第一万维网公告

本站最新图片文章

第一万维网QQ客服

为了给您提供更加方便快捷的服务请选择您的服务专员,点击QQ号码即可。
企业在线客服QQ:800015119

第一万维网快速服务导航