ddw放大图片.doc_第1页
ddw放大图片.doc_第2页
ddw放大图片.doc_第3页
ddw放大图片.doc_第4页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

会员中心会员注册|建站教程首页|Dreamweaver|Fireworks|FLASH|FrontPage|PhotoShop|ASP|PHP|HTML|建站技巧|您现在的位置：极点名仕-专业男士精品建站教程DreamweaverDreamweaver MX 教程正文 用DreamweaverMX自由放大网页图片 热 【字体：小 大】 用DreamweaverMX自由放大网页图片 作者：莫治雄网络学院来源：赛迪网点击数：4955更新时间：2004-8-28 现在网上很多教程都会插入一些图片，帮助读者理解操作步骤。但是，在网站编辑排版过程中，由于受到版面的限制，往往会把图片缩小。有些因缩得过小，读者实在无法辨认图片上的用信息。这样一来，本来图片的作用就打了折扣。于是，“单击放大图片”的链接就出现了。当我们单击这种链接时，可以看到图片的原图，但却需要来回切换页面，实在有些麻烦。能不能不用切换页面就可以看到原图呢？ 下面我就来说说在当前页面中实现图片放大的简单方法。1、启动Dreamweaver MX，单击Insert面板中的插入图像按钮，在弹出的对话框中选择一幅图片，把它插入页面中，并把它缩小。点击看大图2、单击Insert面板中的插入层按钮，在页面中拖曳鼠标画一个层，然后在层中插入上步使用的那幅图片。调整它的位置，使之覆盖在缩小的图片上面。点击看大图3、在Layers(层)面板中(如果没有打开，选择WindowOthersLayers可打开层面板)选择该层，单击左边的眼睛列，使眼睛闭合，隐藏该层。4、选择页面中的小图片，单击Behaviors(行为)面板中的加号按钮。从弹出的菜单上选择Show-Hide Layers(显示-隐藏层)动作。点击看大图5、在弹出的Show-Hide Layers对话框中单击Show(显示)按钮。此时，层列表中选定层后面自动添加“(Show)”，表示显示该层。点击看大图6、单击OK按钮返回，Behaviors(行为)面板中添加了onClick(单击)Events(事件)和Show-Hide Layers(显示-隐藏层)Actions(动作)。7、在Behaviors面板中选择刚才添加的行为，单击中间的下三角，从弹出的事件选择菜单上选择onMouseOver(鼠标掠过)事件，把onClick事件改为onMouseOver事件。本步操作的目的就是设置把鼠标放到小图片上面时显示插入了大图片的层。点击看大图8、在Layers面板中用鼠标点选“Layer 1”层，使页面中的层处于被选择状态。然后按第4-7步的类似方法设置行为，操作步骤中不同的地方是：在第5步中单击Hide(隐藏)按钮；在第7步中选择onMouseOut事件。这样设置的目的是：当鼠标移出大图片后，大图片自动隐藏。设
人人文库> 全部分类> 专业文献 > 建筑水利

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论