用 Dreamweaver 制作拖拽的拼图效果
发布时间:2018-08-22 10:39 所属栏目:30 来源:站长网
导读:(一)、找到一张完整,而且色彩鲜明的图片,用 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 文件试一试。:) 其他的图片也就按此方法重复制作几次。 (编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读