您的位置信息之舟电 脑硬件栏目首页网页制作DreamWeaver 收藏本页

→ 同时在一个图片上,作很多个链接,怎么办?怎样制作可以响应鼠标事件的翻转图片?

www.kepusoft.com 信息之舟电脑软件应用栏目

    信息之舟电脑软件应用栏目编者按:

    同时在一个图片上,作很多个链接,怎么办? 

           这个问题也就是我们平常说的“图片热点”(Image HOT)了,当然在DW里还有另外一个名字叫“图象热区域”。 

           选中图片,这时在属性面板左下的位置,有一个“Map”工具栏,其右边是三个用来圈定不同区域的按钮,

           以其中的矩形工具为例,选中后,鼠标停留在图片上会以一种“+”的形状显示出来,代表可以左右拖拉,完成;依次你可以完成多个热点区域的链接制作。注意各区域不可重叠。 

    怎样制作可以响应鼠标事件的翻转图片? 

          在许多网页中,我们经常会看到一些栏目标题,当鼠标滑过时,能变成另外的样子。其实它们中很多是通过两张不同的图片来实现的,也就是所谓的“翻转图片”效果。  

         当然首先你要提前准备两张大小完全一样的图片,以确保翻转时不会有什么视觉上的不适,单击“Object”面板上的“Rollover Image”  弹出“翻转图片设置”窗口,分别单击“Browse”按钮确定“Original image”和“Rollover image”的地址,注意一定要选中下面的“Preload Rollover image”复选框,否则在鼠标滑过的瞬间,会产生一定的下载延迟而影响效果。

www.kepusoft.com 信息之舟电脑之家收集整理推荐文章

相关文章:·怎样制作规范的电子邮件链接?如何制作“空链接”?
·用Dreamweaver批量做网页套用模版更新网页更方便
·怎样用DreamWeaver创建一个简单下拉菜单?
·Dreamweaver8动态网站开发视频教程
·如何设置可以关闭当前窗口的功能?水平线,为什么不能设置颜色?怎样加入注释内容?如何避免别人把你的网页放在框架中?如何定义网页的关键字(Keyname)?
·如何使文字和图片内容共处?如何在网页中隐藏一些内容?实现多个窗口的连接?
·如何把自己的ZIP或其他类型的文件供别人下载?怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?
·点击空链接时,页面往往重置到页首端,如何处理?如何定制可自由在页面内跳转的链接?
·定时自动关闭的窗口又是怎样的呢?如何更改浏览器中鼠标的"形状"?如何去除掉链接文字下面的下划线?
·Dreamweaver技巧之如何使用模板
→ DreamWeaver栏目列表:

DreamWeaver
FrontPage
FireWorks
Flash
HTML
CSS&其它

→ 赞助商链接:
→ 热门文章排行榜:
·怎样制作规范的电子邮件链接?如何制作“空链接”?
·用Dreamweaver批量做网页套用模版更新网页更方便
·怎样用DreamWeaver创建一个简单下拉菜单?
·Dreamweaver8动态网站开发视频教程
·如何设置可以关闭当前窗口的功能?水平线,为什么不能设置颜色?怎样加入注释内容?如何避免别人把你的网页放在框架中?如何定义网页的关键字(Keyname)?
·如何使文字和图片内容共处?如何在网页中隐藏一些内容?实现多个窗口的连接?
·如何把自己的ZIP或其他类型的文件供别人下载?怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?
·点击空链接时,页面往往重置到页首端,如何处理?如何定制可自由在页面内跳转的链接?
·定时自动关闭的窗口又是怎样的呢?如何更改浏览器中鼠标的"形状"?如何去除掉链接文字下面的下划线?
·Dreamweaver技巧之如何使用模板