使用Dreamweaver实现交替图像按钮制作

2016-02-19 20:47 48 1 收藏

今天图老师小编给大家精心推荐个使用Dreamweaver实现交替图像按钮制作教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

  只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。

  效果说明:建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚。

  创作思想:打开 Dreamweaver MX 2004 软件,执行 命令,或者单击工具栏中 下拉菜单里的命令,按要求进行设置,最后保存文件完成制作。

  操作步骤

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  ( 1 )打开 Dreamweaver MX 2004 软件新建HTML文件。

  ( 2 )单击插入菜单,选择图象对象,鼠标经过图象,如图1所示。

  ( 3 )打开对话框,按图2所示进行设置,选择图像文件。

  提示:注意图象文件的位置,最好和该网页文件在同一目录下。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  ( 4 )按快捷键 Ctrl+S 保存文件。本实例操作完毕。交换按钮如果结合按钮特效,效果将会更好

来源:http://www.tulaoshi.com/n/20160219/1624503.html

延伸阅读
标签: Web开发
文章简介: 一般而言,网页中按钮是没有声音触发事件的。如果要让按钮响应鼠标动作发出声音,我们可以写一段JavaScript脚本代码来实现。 能让按钮发出声音的脚本,这下不用制作Flash按钮也可以了,我试用的感觉还不错。 制作方法: 1、新建文件: 以下是引用片段: DynamicAudioButton.js ,代码: //Customize ...
标签: Web开发
设计一个网页很简单,但是设计一个高水平的网页也不是一件简单的事情,因为在一个复杂的网页中要用到很多的技巧,今天我将把这些技巧整理出来,分享给大家! 1、如何自动加入最后修改日期 在源代码中的… /BODY之间加入如下代码: Script Language=“JavaScript” /Script 2、如何让背景图象不滚动 代码: ...
标签: Web开发
Dreamweaver 3是Macromedia公司的产品,是流行的Web网页制作利器,以下仅是Dreamweaver 3运用中一些小技巧,它的“行为”、“样式表”与“层”还有更加强大的功能,如果大家认真研究,一定会发现许多窍门,让我们一起来交流,使我们的网页更加精彩。 制作背景音乐 想想看,你的网页能够飘出动听的音乐,那是不是让你的朋友一饱...
标签: word
使用Word2013控件制作下拉选择按钮 &tulaoshinbsp; 第一步: 启动Word2013,首先绘制出一个3行4列的表格,输入一些文字信息,我们要在性别右侧的单元格内设置一个可供选择的下拉按钮,将光标移动到此单元格,点击菜单栏--开发工具,选择控件功能组里面的下拉内容列表控件。 第二步: 此时性别右侧的单元格就插入了我们刚...
AutoCAD快速查看图像按钮教程   快速查看图形显示所有当前打开的图形的缩略图。将光标悬停在快速查看图形上时,可以预览打开的图形中的模型空间和布局,并在其间进行切换。 1.用AutoCAD2013中文版同时打开多个图形文件。 2.单击AutoCAD2013中文版快速查看图形按钮。   图01 3.弹出打开图形的缩略图,...

经验教程

544

收藏

14
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部