• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qt-net.com 网站建设咨询热线：010-65587978/77/76/75

相关文章

北京网站设计需要掌握的八个CSS布局技巧
网站设计自定义文件
网站制作【第四课】内容显示与内容分页（继续学习）
网站设计Dreamweaver超级技巧之文字特效
北京网站建设DW MX 2004网页中文乱码问题：常见原因
网站设计语句
网站建设教程/dreamweaver/入门 Dreamweaver 4 简明教程10(网页的排版)
北京网站建设提前解密新功能！Dreamweaver 8中文版图文快报
网站制作CSS滤镜:blur属性
网站设计Flash MX 2004 编程(AS2.0)教程(三)

品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!

友好连接

• • 网站建设
  • 网页设计
  • 网站设计
  • 网站制作
  • 网站优化
  • 百度优化
  • google优化
  • seo
  • 网站推广
  • 网络营销
  • 北京网站建设
  • 北京网站制作
  • 北京网页设计
  • 北京网站设计

文章搜索

你的位置：首页 >> 网站制作 >> 北京网站制作北京网页设计Dreamweaver 4 简明教程(八、为网页增添互动效果)

北京网站制作北京网页设计Dreamweaver 4 简明教程(八、为网页增添互动效果)

八、为网页增添互动效果网站制作
北京网站建设
　　制作简单的互动效果 北京网站建设北京网站制作
网站制作
网站设计
　　在网页上经常看到这样的效果，当鼠标移到一张图片上的时候，原来的图片就切换为另一张图片，鼠标移开后，又恢复原来的模样，是怎么做的呢？在开篇的时候，提到Dreamweaver比Frontpage优胜的其中一个地方是Dreamweaver能做出能具互动性的网页。现在，我们就利用Dreamweaver制作这个最简单的互动效果——变换图片。 北京网站制作北京网站制作
企通互联
网站制作
　　准备两张大小相同的图片，一张是鼠标还没有移上的状态，另一张是鼠标移上去后的图片，例如以下两图，左图是一个凸起的按钮，右图是一个凹下的按钮：网站设计
北京网站制作

网站设计
网页设计
　　点击对象面板上的 ，看到如下的对话框：企通互联
北京网站制作

企通互联
网页设计
北京网站设计　　① Image Name：变换图片效果的标记名称，Dreamweaver会自动分配；网页设计
北京网页设计北京网站建设
　　② Original Image：指定原始的图片，（例如这里是凸起的图） 网站建设网站设计
企通互联
　　③ 网站制作 Rollover Image：指定鼠标移上去后的图片（例如这里是凹下的图）；网页设计
网站制作
　　 网站设计④ Url：图片的链接网址； 企通互联网站制作
网站设计
北京网站设计
　　例如按照上图的设置完毕后，按下OK，然后可以按F12预览一下效果了。

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!