站长中国
设为首页 | 站长论坛

站长论坛 站长下载
您所在的位置： 站长中国 > 站长学院 > 网页设计 > Dreamweaver >  正文

Dreamweaver 4 简明教程(八、为网页增添互动效果)
　 2007年10月25日18:12:09　 评论(0条) 字体:[大 中 小]
相关热点： 互动 增添 网页 简明 教程 图片 鼠标 例如 Dreamweaver
八、为网页增添互动效果

　　制作简单的互动效果


　　在网页上经常看到这样的效果，当鼠标移到一张图片上的时候，原来的图片就切换为另一张图片，鼠标移开后，又恢复原来的模样，是怎么做的呢？在开篇的时候，提到Dreamweaver比Frontpage优胜的其中一个地方是Dreamweaver能做出能具互动性的网页。现在，我们就利用Dreamweaver制作这个最简单的互动效果——变换图片。


　　准备两张大小相同的图片，一张是鼠标还没有移上的状态，另一张是鼠标移上去后的图片，例如以下两图，左图是一个凸起的按钮，右图是一个凹下的按钮：



　　点击对象面板上的 ，看到如下的对话框：



　　① Image Name：变换图片效果的标记名称，Dreamweaver会自动分配；

　　② Original Image：指定原始的图片，（例如这里是凸起的图）

　　③ Rollover Image：指定鼠标移上去后的图片（例如这里是凹下的图）；

　　④ Url：图片的链接网址；


　　例如按照上图的设置完毕后，按下OK，然后可以按F12预览一下效果了

责任编辑：

收藏本文 打印 打印本文 　推荐本文 告诉好友　投稿 投稿邮箱

站长排行

学院

新闻

专栏

盈利

[揭密网络黄链]中国留学生买凶专破日本
JSP语法(6)
超强弹出窗口代码，什么都挡不住
FLASH视觉特效实例之地震效果
贴吧发帖机使用教程(绝对原创)
关于数据分页（转自www.codeproject.co
ASP实现文件直接下载
Photoshop制作光感超酷效果水晶球
　遍历ASP.NET页面控件
永远的后门[经典]+查不出的后门
淘宝网卖家公然叫卖“艳照门”照片集
驳《百度Hi面世对腾讯有利》
Google绿色专家质疑黑色背景网页节省资
国内各IT企业办公环境揭秘（多图）
阿里妈妈广告卖主全攻略
站长创业源动力 主流站长站赏析
推荐阅读：80年小子的创业道理
Discuz!6.0猛将出击 最强论坛程序酷炫
我的网络，我的团队:专访李文明
百度新闻频道改版十天 流量止跌反弹翻
ECSHOP模板制作参考文档
悬挂阿里妈妈会否被百度惩罚
阿里妈妈是否是中小站长的救世主?
最强网店ECShop发新版 众多酷炫功能给
ECSHOP模板下载
土豆网,优酷网，爆米花等视频网站采集
DedeCms模板安装/制作概述
网上商店系统巅峰对决 ECShop vs ShopE
艰难的走在创业的路上 第一天
编程中国全站采集规则
性福联盟 一个不尊重站长的联盟
大脚：日赚100元—揭露最新firefox欺骗
大脚：垃圾站超级赚钱法之二—突破“站
大脚：垃圾站超级赚钱法之——前言
迅雷联盟、快车联盟收入对比
经理人必看的十个管理网站
Google Adsense的秘密 第二版
西联汇款兑付城市查询
不用SEO取得成功的10个步骤
关于做GOOGLE的五条经验
站长学院　　网页设计 建站教程 图形图象 网络编程

Photoshop CS3
Photoshop CS3
不用Photoshop
不用Photoshop

DIV+CSS的开发方式 听听另外的
虚拟主机建站动易里快速生成的
VBScript特效代码 满屏幕乱跑
牛气！一个菜鸟站长的超强网站
创建、维护一个个人博客的“投
让网站流量稳步飙升的秘籍
网站推广的基本思想

新闻线索

如果你有站长界人事变动、重组并购、变革技术出现，以及产品投诉等重要新闻线索，请告诉我们，我们会给予特别关注。
0631-3653338
站长中国编辑部
站长中国24小时新闻热线： 13256307008