加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

用 Dreamweaver 制作拖拽的拼图效果

发布时间:2018-08-23 13:15:49 所属栏目:运营 来源:站长网
导读:(一)、找到一张完整,而且色彩鲜明的图片,用 PhotoShop 或 Fireworks 将图片均匀分割成一些 .jpg 或 .gif 小图片; (二)、进入 Dreamweaver,打开一个文件,单击对象工具栏中的层(Layer),在页面中拖拽一个层,把鼠标固定在层框中,同时点击工具栏中的图

    (一)、找到一张完整,而且色彩鲜明的图片,用 PhotoShop 或 Fireworks 将图片均匀分割成一些 .jpg 或 .gif 小图片;

    (二)、进入 Dreamweaver,打开一个文件,单击对象工具栏中的层(Layer),在页面中拖拽一个层,把鼠标固定在层框中,同时点击工具栏中的图片插入按钮,插入一张你先前分割出的一张小图片。

    (三)按 F8,弹出“Behaviors”面板,在 Events For: 选择 IE 4.0。

    (四)、选中页面中的层,然后单击面板中的“+” 键,弹出列表,选择其中的 Drag Layer,此时弹出的框子,选择层(Layer)的时候时候一定选择当前层。(如果不是很清楚,按 F11)。其他的设置可以不去动他的默认。按 OK。 随后点击事件右侧的向下的黑色小箭头,在弹出的列表中选择“onMouseOver“。   

    这样一个可以拖拽的图象就建成了,你可以 Save 一下。用浏览器打开相应的 Html 文件试一试。:) 其他的图片也就按此方法重复制作几次。

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读