Dreamweaver4简明教程(八、为网页增添互动效果)

赵科研1982

赵科研1982

2016-02-19 19:53

今天图老师小编给大家展示的是Dreamweaver4简明教程(八、为网页增添互动效果),精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

八、为网页增添互动效果

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

  制作简单的互动效果

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


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

  点击对象面板上的  ,看到如下的对话框:

  ① Image Name:变换图片效果的标记名称,Dreamweaver会自动分配;

  ② Original Image:指定原始的图片,(例如这里是凸起的图)

  ③ Rollover Image:指定鼠标移上去后的图片(例如这里是凹下的图);

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

  ④ Url:图片的链接网址;

展开更多 50%)
分享

猜你喜欢

Dreamweaver4简明教程(八、为网页增添互动效果)

Web开发
Dreamweaver4简明教程(八、为网页增添互动效果)

Dreamweaver4简明教程(八、为网页增添互动效果2)

Web开发
Dreamweaver4简明教程(八、为网页增添互动效果2)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Dreamweaver4简明教程(八、为网页增添互动效果3)

Web开发
Dreamweaver4简明教程(八、为网页增添互动效果3)

Dreamweaver 4 简明教程(八、为网页增添互动效果)

Web开发
Dreamweaver 4 简明教程(八、为网页增添互动效果)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver 4 简明教程(八、为网页增添互动效果2)

Web开发
Dreamweaver 4 简明教程(八、为网页增添互动效果2)

Dreamweaver 4 简明教程(八、为网页增添互动效果3)

Web开发
Dreamweaver 4 简明教程(八、为网页增添互动效果3)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

处理Access数据库程序类型越界

处理Access数据库程序类型越界

ACCESS通过网络同步数据

ACCESS通过网络同步数据
下拉加载更多内容 ↓