• 首 页

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

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

相关文章

北京网页设计DIV+CSS标准制作网页表单的select例子
北京网站制作精彩网页配色设计精讲和实例
网页设计HTML彻底剖析：一般概念
北京网页设计CSS实用教程(一)
北京网站制作个性化表单五技巧
北京网页设计DreamWeaver表格妙用-线框制作详解(1)
北京网站建设Flash 8 Professional Copy Pixels位图象素复制
北京网站设计FLASH MX 2004视频教程:美丽的新世界
北京网页设计修饰之美：CSS在表格边框上的美学应用
北京网站设计关于网页源代码屏蔽(1)

品牌理念

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

友好连接

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

文章搜索

你的位置：首页 >> 网站制作 >> 企通互联北京网页设计教程/dreamweaver/入门 Dreamweaver 4 简明教程14(互动效果）

企通互联北京网页设计教程/dreamweaver/入门 Dreamweaver 4 简明教程14(互动效果）

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

 

北京网站建设
北京网站制作
　　点击对象面板上的  ，看到如下的对话框：北京网站制作
北京网站制作网站建设

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

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